:root{--wr-light-blue: rgb(15 128 194);--wr-dark-blue: rgb(19 98 175);--wr-white: rgb(255 255 255);--wr-off-white: rgb(248 248 248);--wr-black: rgb(0 0 0);--wr-orange: rgb(204 74 17);--wr-font-primary: "Inter", sans-serif;--wr-font-secondary: "Inter", sans-serif;--wr-space-1: 4px;--wr-space-2: 8px;--wr-space-3: 12px;--wr-space-4: 16px;--wr-space-6: 24px;--wr-space-8: 32px;--wr-space-12: 48px;--wr-space-16: 64px;--wr-space-24: 96px;--wr-text-xs: 12px;--wr-text-sm: 14px;--wr-text-base: 16px;--wr-text-lg: 18px;--wr-text-xl: 20px;--wr-text-2xl: 24px;--wr-text-3xl: 30px;--wr-text-4xl: 36px;--wr-text-5xl: 48px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body.helios-derm-story-page{margin:0;overflow-x:hidden;background:var(--wr-off-white);color:var(--wr-black);font-family:var(--wr-font-secondary);font-size:calc(var(--wr-text-base) + 1px);line-height:1.55}.helios-derm-story-page img{max-width:100%;display:block}.helios-derm-story-page a{color:inherit}.helios-derm-story-page h1,.helios-derm-story-page h2,.helios-derm-story-page p,.helios-derm-story-page figure,.helios-derm-story-page blockquote{margin-top:0}.helios-derm-story-page h1,.helios-derm-story-page h2{color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-family:var(--wr-font-primary);line-height:1.04}.helios-derm-story-page h1{margin-bottom:var(--wr-space-4);font-size:clamp(calc(var(--wr-text-4xl) + 6px),5.2vw,calc(var(--wr-text-5xl) + var(--wr-text-xl)));letter-spacing:-.045em}.helios-derm-story-page h2{margin-bottom:var(--wr-space-4);font-size:clamp(calc(var(--wr-text-3xl) + 1px),3.4vw,calc(var(--wr-text-5xl) - 2px));letter-spacing:-.035em}.story-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.story-wide{width:min(1184px,calc(100% - var(--wr-space-12)));margin-inline:auto}.story-reading{width:min(720px,calc(100% - 40px));margin-inline:auto}.story-dek{color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:var(--wr-text-xl);line-height:1.45}.story-eyebrow{margin:0 0 10px;color:var(--wr-dark-blue);font-size:calc(var(--wr-text-sm) - 1px);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.story-skip-link{position:fixed;z-index:100;top:-100px;left:var(--wr-space-2);min-height:44px;padding:var(--wr-space-3) var(--wr-space-4);background:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));color:var(--wr-white)!important;display:flex;align-items:center;font-weight:800;text-decoration:none}.story-skip-link:focus-visible{top:var(--wr-space-2)}.helios-derm-story-page a:focus-visible,.helios-derm-story-page summary:focus-visible{outline:3px solid var(--wr-light-blue);outline-offset:3px}.story-faq summary:focus-visible,.story-final a:focus-visible,.story-footer a:focus-visible{outline-color:var(--wr-white)}.story-site-header{position:relative;z-index:4;border-bottom:1px solid color-mix(in srgb,var(--wr-dark-blue) 20%,var(--wr-white));background:var(--wr-white)}.story-header-inner{width:min(1184px,calc(100% - var(--wr-space-12)));min-height:calc(var(--wr-space-12) + var(--wr-space-2));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--wr-space-6)}.story-wordmark{min-width:164px;min-height:44px;color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));display:inline-flex;align-items:center;text-decoration:none}.story-logo{width:164px;height:auto}.story-header-link{min-height:44px;color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));display:inline-flex;align-items:center;font-size:var(--wr-text-sm);font-weight:800}.story-button{min-height:52px;padding:13px 23px;border:2px solid var(--wr-orange);border-radius:7px;background:var(--wr-orange);color:var(--wr-white)!important;display:inline-flex;align-items:center;justify-content:center;font-size:var(--wr-text-base);font-weight:850;line-height:1.2;text-align:center;text-decoration:none}.story-button:hover{background:color-mix(in srgb,var(--wr-orange) 88%,var(--wr-black));border-color:color-mix(in srgb,var(--wr-orange) 88%,var(--wr-black))}.story-offer-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--wr-space-4)}.story-hero{padding:var(--wr-space-6) 0;background:color-mix(in srgb,var(--wr-light-blue) 6%,var(--wr-white))}.story-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:calc(var(--wr-space-8) + var(--wr-space-2))}.story-kicker{margin:0;color:var(--wr-dark-blue);display:flex;align-items:center;gap:var(--wr-space-3);font-size:calc(var(--wr-text-sm) - 1px);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.story-kicker:before{width:calc(var(--wr-space-12) - 2px);height:2px;background:var(--wr-dark-blue);content:""}.story-hero h1{max-width:650px;margin-top:var(--wr-space-2)}.story-byline{margin:10px 0 var(--wr-space-4);color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:var(--wr-text-sm);font-weight:750}.story-hero-media{position:relative;margin:0}.story-hero-media picture,.story-material-evidence picture,.story-feature-media picture,.story-customer-grid>picture{height:100%;display:block}.story-hero-media img{width:100%;height:auto;min-height:510px;border-radius:2px 62px 2px 2px;box-shadow:0 18px 54px color-mix(in srgb,var(--wr-dark-blue) 14%,transparent);object-fit:cover;object-position:center}.story-hero-caption{position:absolute;right:-18px;bottom:var(--wr-space-8);max-width:250px;padding:var(--wr-space-4) var(--wr-text-lg);border-left:var(--wr-space-1) solid var(--wr-dark-blue);background:var(--wr-white);box-shadow:0 18px 54px color-mix(in srgb,var(--wr-dark-blue) 14%,transparent);color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:var(--wr-text-sm);font-weight:800}.story-proof-row{margin-top:var(--wr-text-lg);border-block:1px solid color-mix(in srgb,var(--wr-dark-blue) 20%,var(--wr-white));display:grid;grid-template-columns:repeat(3,1fr)}.story-proof-row>div{padding:var(--wr-text-sm) var(--wr-space-3);text-align:center}.story-proof-row>div+div{border-left:1px solid color-mix(in srgb,var(--wr-dark-blue) 20%,var(--wr-white))}.story-proof-row strong,.story-proof-row span{display:block}.story-proof-row strong{color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:var(--wr-text-base)}.story-proof-row span{color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:calc(var(--wr-text-sm) - 1px)}.story-origin{padding:calc(var(--wr-space-12) + var(--wr-space-2)) 0;background:var(--wr-off-white)}.story-copy{font-size:var(--wr-text-lg);line-height:1.68}.story-copy>p+p{margin-top:var(--wr-space-4)}.story-chapter{position:relative;padding-left:calc(var(--wr-space-12) + var(--wr-space-2))}.story-chapter:before{position:absolute;top:0;bottom:0;left:var(--wr-text-lg);width:1px;background:color-mix(in srgb,var(--wr-dark-blue) 25%,var(--wr-white));content:""}.story-chapter-number{position:absolute;top:0;left:0;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--wr-dark-blue) 25%,var(--wr-white));border-radius:50%;background:var(--wr-white);color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));display:grid;place-items:center;font-size:calc(var(--wr-text-sm) - 1px);font-weight:900}.story-origin-note{margin:calc(var(--wr-space-6) - 2px) 0;padding:var(--wr-text-xl) var(--wr-space-6);border-top:1px solid color-mix(in srgb,var(--wr-dark-blue) 25%,var(--wr-white));border-bottom:1px solid color-mix(in srgb,var(--wr-dark-blue) 25%,var(--wr-white));background:var(--wr-white);color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:calc(var(--wr-text-xl) + 2px);font-weight:800;line-height:1.38}.story-material-evidence{margin:var(--wr-space-6) calc((var(--wr-space-12) + var(--wr-space-2)) * -1) calc(var(--wr-space-6) + 2px);display:grid;grid-template-columns:1.35fr .65fr;gap:var(--wr-space-3)}.story-material-evidence figure{position:relative;min-height:250px;margin:0;overflow:hidden;background:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black))}.story-material-evidence img{width:100%;height:100%;min-height:250px;object-fit:cover}.story-material-evidence figcaption{position:absolute;right:10px;bottom:10px;left:10px;padding:9px 11px;background:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));color:var(--wr-white);font-size:calc(var(--wr-text-sm) - 1px);font-weight:800;line-height:1.3}.story-stars{color:var(--wr-dark-blue);font-size:calc(var(--wr-text-base) - 1px);letter-spacing:.15em}.story-quote cite{color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:var(--wr-text-sm);font-style:normal}.story-proof-quote{margin:var(--wr-space-6) 0 0;padding:var(--wr-space-6);background:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));color:var(--wr-white)}.story-proof-quote .story-stars,.story-proof-quote cite{color:var(--wr-white)}.story-proof-quote p{margin:var(--wr-space-2) 0 var(--wr-text-sm);font-size:var(--wr-text-xl);font-weight:700;line-height:1.48}.story-feature{padding:calc(var(--wr-space-12) + var(--wr-space-2)) 0;background:color-mix(in srgb,var(--wr-light-blue) 7%,var(--wr-white))}.story-feature-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:var(--wr-space-12)}.story-feature-media{position:relative;margin:0}.story-feature-media img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}.story-feature-label{position:absolute;right:var(--wr-text-xl);bottom:var(--wr-text-xl);padding:var(--wr-space-3) calc(var(--wr-space-4) - 1px);background:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));color:var(--wr-white);font-size:var(--wr-text-sm);font-weight:850}.story-feature-list{margin:var(--wr-text-lg) 0;padding:0;list-style:none}.story-feature-list li{padding:var(--wr-space-3) 0;border-top:1px solid color-mix(in srgb,var(--wr-dark-blue) 25%,var(--wr-white));display:grid;grid-template-columns:var(--wr-text-4xl) 1fr;gap:var(--wr-space-3)}.story-feature-list b:first-child{color:var(--wr-dark-blue);font-size:calc(var(--wr-text-sm) - 1px)}.story-hot-day-proof{padding:calc(var(--wr-space-8) + 2px) 0;background:var(--wr-white)}.story-hot-day-inner{padding:calc(var(--wr-space-6) + 2px) calc(var(--wr-space-8) - 2px);border-block:1px solid color-mix(in srgb,var(--wr-dark-blue) 25%,var(--wr-white));display:grid;grid-template-columns:150px 1fr;align-items:center;gap:calc(var(--wr-space-6) + var(--wr-space-1))}.story-hot-day-signal{color:var(--wr-dark-blue);font-size:calc(var(--wr-text-4xl) + 2px);font-weight:900;letter-spacing:-.04em;line-height:1}.story-hot-day-proof blockquote{margin:var(--wr-space-2) 0;color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:calc(var(--wr-text-xl) + 1px);font-weight:800;line-height:1.38}.story-colors{padding:calc(var(--wr-space-12) + var(--wr-space-2)) 0;background:var(--wr-white);text-align:center}.story-colors .story-dek{max-width:660px;margin-inline:auto}.story-color-grid{margin:var(--wr-space-6) auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--wr-space-3)}.story-color-card{margin:0;padding:var(--wr-space-2);border:1px solid color-mix(in srgb,var(--wr-dark-blue) 20%,var(--wr-white));background:var(--wr-off-white)}.story-color-card picture{aspect-ratio:1;overflow:hidden;background:var(--wr-white);display:grid;place-items:center}.story-color-card img{width:100%;height:100%;object-fit:contain}.story-color-card figcaption{min-height:var(--wr-text-4xl);padding-top:var(--wr-space-2);color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));display:grid;place-items:center;font-size:var(--wr-text-xs);font-weight:800;line-height:1.2;text-align:center}.story-colors-action,.story-final-action{justify-content:center}.story-customer-proof{padding:calc(var(--wr-space-12) + var(--wr-space-2)) 0;background:var(--wr-off-white)}.story-customer-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:calc(var(--wr-space-6) + var(--wr-space-1))}.story-customer-grid img{width:100%;height:100%;min-height:390px;object-fit:cover}.story-customer-copy{padding:var(--wr-space-8);background:var(--wr-white);display:flex;justify-content:center;flex-direction:column}.story-customer-copy blockquote{margin-bottom:var(--wr-text-sm);color:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));font-size:var(--wr-text-2xl);font-weight:750;line-height:1.42}.story-faq{padding:var(--wr-space-12) 0 calc(var(--wr-space-12) + var(--wr-space-2));background:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));color:var(--wr-white)}.story-faq .story-eyebrow,.story-faq h2{color:var(--wr-white);text-align:center}.story-faq h2{margin-bottom:var(--wr-space-6)}.story-faq details{border-top:1px solid color-mix(in srgb,var(--wr-dark-blue) 25%,var(--wr-white))}.story-faq details:last-child{border-bottom:1px solid color-mix(in srgb,var(--wr-dark-blue) 25%,var(--wr-white))}.story-faq summary{position:relative;min-height:58px;padding:17px 44px 17px 0;color:var(--wr-white);cursor:pointer;font-size:calc(var(--wr-text-base) + 1px);font-weight:800;list-style:none}.story-faq summary::-webkit-details-marker{display:none}.story-faq summary:after{position:absolute;top:50%;right:var(--wr-space-1);font-size:var(--wr-text-2xl);content:"+";transform:translateY(-50%)}.story-faq details[open] summary:after{content:"\2212"}.story-faq details p{max-width:660px;margin:0 0 var(--wr-text-lg);color:var(--wr-white);font-size:var(--wr-text-base);line-height:1.55}.story-final{padding:calc(var(--wr-space-12) + var(--wr-space-2)) 0;background:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));color:var(--wr-white);text-align:center}.story-final .story-eyebrow,.story-final h2{color:var(--wr-white)}.story-final p{max-width:650px;margin:0 auto var(--wr-text-xl)}.story-footer{padding:var(--wr-space-8) 0 90px;background:color-mix(in srgb,var(--wr-dark-blue) 58%,var(--wr-black));color:var(--wr-white);font-size:calc(var(--wr-text-sm) - 1px)}.story-footer .story-wide{display:flex;justify-content:space-between;gap:var(--wr-space-6)}.story-footer p{margin-bottom:0}.story-footer nav{display:flex;flex-wrap:wrap;gap:var(--wr-space-4)}.story-footer a{min-height:44px;display:inline-flex;align-items:center}.story-sticky{display:none}@media(min-width:768px)and (max-width:1279px){.story-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--wr-space-6)}.story-hero h1{font-size:calc(var(--wr-text-4xl) + var(--wr-space-2))}.story-hero-media img{min-height:430px}.story-hero-caption{right:var(--wr-space-2);bottom:var(--wr-space-4);max-width:210px}.story-feature-grid{grid-template-columns:1fr;gap:var(--wr-space-6)}.story-feature-media img{aspect-ratio:16 / 9}.story-material-evidence{margin-inline:0}.story-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.story-hero{padding:18px 0 16px}.story-origin,.story-feature,.story-colors,.story-customer-proof,.story-final{padding:40px 0}.story-hot-day-proof{padding:22px 0}.story-hot-day-inner{padding-block:20px}.story-color-grid{margin-block:18px}.story-faq{padding:38px 0 40px}.story-hero-grid,.story-feature-grid,.story-customer-grid{width:min(1184px,calc(100% - var(--wr-space-24)))}}@media(max-width:767px){body.helios-derm-story-page{font-size:var(--wr-text-base)}.story-header-inner,.story-wide,.story-reading{width:calc(100% - 28px)}.story-header-inner{min-height:var(--wr-space-12)}.story-wordmark{min-width:132px}.story-logo{width:132px}.helios-derm-story-page h1{margin-bottom:var(--wr-space-3);font-size:var(--wr-text-4xl);line-height:1.02}.helios-derm-story-page h2{font-size:var(--wr-text-3xl)}.story-dek,.story-copy{font-size:calc(var(--wr-text-base) + 1px)}.story-copy{line-height:1.62}.story-hero{padding:var(--wr-space-2) 0 var(--wr-space-4)}.story-hero-grid{display:flex;flex-direction:column;gap:var(--wr-space-2)}.story-hero-copy{display:contents}.story-hero-copy>*{width:100%}.story-kicker{font-size:calc(var(--wr-text-xs) - 1px)}.story-kicker:before{width:calc(var(--wr-space-6) + var(--wr-space-1))}.story-kicker,.story-hero h1,.story-hero .story-dek,.story-byline{order:1}.story-hero-media{width:100%;order:2}.story-hero .story-offer-line{order:3}.story-hero .story-proof-row{order:4}.story-hero-media picture{height:auto}.story-hero-media img{width:100%;height:calc((100vw - 28px)*.75);min-height:0;aspect-ratio:4 / 3;border-radius:2px 28px 2px 2px}.story-hero .story-dek{margin-bottom:var(--wr-space-2)}.story-byline{margin:0 0 var(--wr-space-2)}.story-hero-caption{top:auto;right:auto;bottom:auto;left:auto;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.story-offer-line{display:block}.story-offer-line .story-button{width:100%;min-height:50px}.story-hero .story-offer-line,.story-hero .story-proof-row{margin-top:6px}.story-proof-row{grid-template-columns:1fr 1fr}.story-proof-row>div:first-child{grid-column:1 / -1;border-bottom:1px solid color-mix(in srgb,var(--wr-dark-blue) 20%,var(--wr-white))}.story-proof-row>div:nth-child(2){border-left:0}.story-origin,.story-feature,.story-hot-day-proof,.story-colors,.story-customer-proof,.story-final{padding:var(--wr-space-8) 0}.story-chapter{padding-left:0}.story-chapter:before,.story-chapter-number{display:none}.story-origin-note{margin-block:var(--wr-text-lg);padding:var(--wr-space-4) 0;font-size:calc(var(--wr-text-xl) - 1px)}.story-material-evidence{margin:var(--wr-text-lg) 0 var(--wr-text-xl);grid-template-columns:1.25fr .75fr;gap:var(--wr-space-2)}.story-material-evidence figure,.story-material-evidence img{min-height:176px}.story-material-evidence figcaption{right:6px;bottom:6px;left:6px;padding:7px var(--wr-space-2);font-size:var(--wr-text-xs)}.story-proof-quote{margin-top:var(--wr-text-xl);padding:var(--wr-text-xl)}.story-proof-quote p{font-size:var(--wr-text-lg)}.story-feature-grid,.story-customer-grid{grid-template-columns:1fr;gap:var(--wr-text-lg)}.story-feature-media img{aspect-ratio:4 / 3}.story-hot-day-inner{padding:var(--wr-text-xl) 0;grid-template-columns:1fr;gap:var(--wr-space-2)}.story-hot-day-signal{font-size:var(--wr-text-3xl)}.story-hot-day-proof blockquote{font-size:calc(var(--wr-text-xl) - 1px)}.story-colors{text-align:left}.story-color-grid{margin-block:var(--wr-space-4);grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wr-space-2)}.story-color-card{padding:var(--wr-space-1)}.story-color-card figcaption{min-height:var(--wr-space-8)}.story-colors-action,.story-final-action{justify-content:stretch}.story-customer-grid img{min-height:0;aspect-ratio:4 / 3}.story-customer-copy{padding:var(--wr-text-xl)}.story-customer-copy blockquote{font-size:var(--wr-text-xl)}.story-faq{padding:var(--wr-text-4xl) 0 calc(var(--wr-text-4xl) + var(--wr-space-1))}.story-faq .story-eyebrow,.story-faq h2{text-align:left}.story-faq summary{min-height:56px;padding-block:15px;font-size:var(--wr-text-base)}.story-footer .story-wide{flex-direction:column}.story-sticky{position:fixed;z-index:20;right:0;bottom:0;left:0;padding:var(--wr-space-2) var(--wr-space-4);background:var(--wr-white);box-shadow:0 -8px 28px color-mix(in srgb,var(--wr-black) 18%,transparent);display:block;transform:translateY(110%);transition:transform .18s ease}.story-sticky.is-visible{transform:translateY(0)}.story-sticky .story-button{width:100%;min-height:48px;padding:10px var(--wr-text-sm)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-sticky{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/428/assets/helios-derm-story.css.map */