@font-face{font-family:Story Condensed;src:url(/fonts/Anton-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.skin-story-page{--ivory:var(--hatt-paper);--navy:var(--hatt-forest);--orange:var(--hatt-accent);--ink:var(--hatt-graphite);--story-serif:Georgia,"Times New Roman",Times,serif;--story-condensed:"Story Condensed",Arial Narrow,sans-serif;background:var(--ivory);color:var(--navy)}.skin-story-width{width:min(82%,1280px);margin-inline:auto}.skin-story-page .site-header--stories{position:sticky;top:0;border-bottom:1px solid var(--line);background:rgba(var(--hatt-paper-rgb),.96);backdrop-filter:blur(14px)}.skin-story-page h1,.skin-story-page h2{font-family:var(--story-serif);font-weight:500;letter-spacing:-.047em;line-height:.91}.skin-story-eyebrow,.skin-story-meta,.skin-story-next small,.skin-story-page h3{font-family:var(--story-condensed);font-weight:400;letter-spacing:.04em;text-transform:uppercase}.skin-story-eyebrow{color:var(--orange);font-size:17px}.skin-story-hero .skin-story-width{padding-block:90px 70px}.skin-story-hero h1{margin-top:27px;font-size:clamp(62px,8.3vw,128px)}.skin-story-hero h1 span{position:relative;white-space:nowrap}.skin-story-hero h1 span:after{position:absolute;right:-.05em;bottom:-.04em;left:-.03em;height:.045em;min-height:4px;content:"";background:var(--orange);transform:scaleX(0);transform-origin:left;animation:skin-story-line .7s ease-out .45s forwards}.skin-story-hero h1{animation:skin-story-up .65s ease-out both}.skin-story-strip{height:155px;background:url(/images/skintoscan-skin-illustration.png) center 41%/cover no-repeat}.skin-story-reveal{background:var(--navy);color:var(--ivory);padding-block:66px 42px}.skin-story-reveal h2{font-size:clamp(64px,8vw,120px);margin-top:18px}.skin-story-meta{color:#bed0dd;font-size:17px;margin:17px 0 28px}.skin-story-product-shot>div{overflow:hidden;aspect-ratio:1440/490;background:#fff}.skin-story-product-shot img{display:block;width:100%;height:auto;animation:skin-story-reveal .7s ease-out .16s both}.skin-story-product-shot figcaption{color:#b9c7d0;font-size:13px;margin-top:14px}.skin-story-context{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:66px}.skin-story-context>h2{font-size:clamp(55px,6.5vw,96px);color:var(--ink)}.skin-story-context>h2 span,.skin-story-live>h2 span{color:var(--orange)}.skin-story-notes>div{padding:0 0 25px}.skin-story-notes>div+div{padding-top:25px;border-top:1px solid var(--line)}.skin-story-page h3{color:var(--ink);font-size:17px}.skin-story-live-copy>p,.skin-story-notes p{font-size:18px;margin-top:8px;color:var(--ink)}.skin-story-awareness{background:var(--orange);display:grid;grid-template-columns:43% minmax(0,1fr);align-items:center;min-height:235px;gap:7%}.skin-story-awareness-photo{height:75px;background:url(/images/skintoscan-skin-illustration.png) center 43%/cover no-repeat}.skin-story-awareness h2{font-size:clamp(58px,6.4vw,96px);color:var(--navy)}.skin-story-live{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:66px}.skin-story-live>h2{font-size:clamp(62px,7vw,104px);color:var(--ink)}.skin-story-live-copy{align-self:center}.skin-story-live-actions{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.skin-story-live-actions>p{color:var(--orange);font-size:17px;line-height:1.4}.skin-story-live nav{display:flex;flex-direction:column;align-items:flex-start}.skin-story-live nav a{color:var(--orange);min-height:44px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid transparent;font-size:19px;transition:border-color .16s ease}.skin-story-live nav a:hover{border-bottom-color:currentColor}.skin-story-next{display:block;background:var(--navy);color:var(--ivory);padding-block:34px}.skin-story-next>span{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:55px}.skin-story-next small{color:var(--hatt-accent-on-dark);font-size:16px;display:block}.skin-story-next strong{font-family:var(--story-serif);font-size:clamp(66px,8vw,120px);font-weight:500;letter-spacing:-.045em;line-height:.9}.skin-story-next i{position:relative;border-bottom:1px solid var(--ivory);margin-bottom:15px}.skin-story-next b{position:absolute;right:-2px;bottom:-34px;font-family:Arial,sans-serif;font-size:65px;font-weight:200;transition:transform .16s ease}.skin-story-next:hover b{transform:translateX(10px)}.skin-story-page .site-footer{background:var(--navy);padding-block:22px;border-top:1px solid rgba(255,255,255,.18)}.skin-story-page .footer-grid{width:min(82%,1280px);grid-template-columns:30% 1fr;align-items:center}.skin-story-page .footer-wordmark{display:inline-flex;min-height:44px;align-items:center;margin-bottom:3px}.skin-story-page .copyright{margin-top:3px}.skin-story-page .site-footer nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 25px}.skin-story-page .site-footer nav a{min-height:44px;display:inline-flex;align-items:center}.skin-story-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes skin-story-line{to{transform:scaleX(1)}}@keyframes skin-story-up{0%{opacity:0;transform:translateY(15px)}}@keyframes skin-story-reveal{0%{opacity:.45;clip-path:inset(0 0 20% 0)}}@media (max-width:1000px){.skin-story-page .footer-grid,.skin-story-width{width:90%}.skin-story-hero .skin-story-width{padding-block:70px 58px}.skin-story-context,.skin-story-live{gap:6%}.skin-story-awareness{grid-template-columns:42% 58%;gap:4%}}@media (max-width:700px){.skin-story-page .footer-grid,.skin-story-width{width:calc(100% - 40px)}.skin-story-hero .skin-story-width{padding-block:50px 46px}.skin-story-eyebrow{font-size:14px}.skin-story-hero h1{font-size:clamp(56px,15.5vw,82px);max-width:none;line-height:.94}.skin-story-hero h1 br{display:none}.skin-story-strip{height:72px}.skin-story-reveal{padding-block:46px 30px}.skin-story-reveal h2{font-size:clamp(52px,17vw,70px)}.skin-story-meta{font-size:14px}.skin-story-product-shot>div{aspect-ratio:2.35}.skin-story-product-shot img{width:100%;max-width:100%;transform:none}.skin-story-context,.skin-story-live{display:flex;flex-direction:column;align-items:stretch;gap:45px;padding-block:54px}.skin-story-context>h2,.skin-story-live>h2{font-size:61px}.skin-story-live-copy>p,.skin-story-notes p{font-size:17px}.skin-story-awareness{display:flex;flex-direction:column;align-items:stretch;padding-block:38px;gap:35px}.skin-story-awareness-photo{width:55%;height:48px}.skin-story-awareness h2{font-size:61px;padding-inline:20px}.skin-story-live-actions{grid-template-columns:1fr;gap:18px}.skin-story-live nav a{min-height:48px}.skin-story-next{padding-block:39px}.skin-story-next>span{display:block}.skin-story-next i{display:block;margin-top:24px}.skin-story-page .footer-grid{grid-template-columns:1fr;gap:22px}.skin-story-page .site-footer nav{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.skin-story-page *{animation:none;transition:none;scroll-behavior:auto}html:has(.skin-story-page){scroll-behavior:auto}}.skin-story-reveal .skin-story-eyebrow{color:var(--hatt-accent-on-dark)}