.sana-skin-hero{--sana-ink:#173f2b;--sana-green:#1c5c39;--sana-green-dark:#123f28;--sana-cream:#f7f3ec;color:#123f28;background:#f7f3ec}.sana-skin-hero__stage{position:relative;isolation:isolate;min-height:68rem;height:clamp(68rem,54vw,86rem);overflow:hidden}.sana-skin-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.sana-skin-hero__content{height:100%;display:flex;align-items:center;position:relative;z-index:2}.sana-skin-hero__copy{width:44%;max-width:62rem;padding-block:4rem}.sana-skin-hero__eyebrow{margin:0 0 2rem;font-size:1.25rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.sana-skin-hero h1{margin:0;color:#123f28;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(4.8rem,4.65vw,7.2rem);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}.sana-skin-hero__description{font-size:clamp(1.8rem,1.5vw,2.2rem);line-height:1.45;color:#33473b;margin:2.4rem 0 3rem;max-width:50rem}.sana-skin-hero__cta{display:inline-flex;min-height:5.4rem;align-items:center;justify-content:center;gap:2rem;padding:1.4rem 2.7rem;border:.1rem solid #1c5c39;border-radius:999px;font-size:1.55rem;font-weight:650;line-height:1;text-decoration:none;color:#fff!important;background:#1c5c39;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.sana-skin-hero__cta:hover{background:#123f28;border-color:#123f28;transform:translateY(-.2rem)}.sana-skin-hero__cta span{display:inline-flex;width:2.2rem}.sana-skin-hero__cta svg{width:100%;height:auto}.sana-skin-hero__products{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.sana-skin-product{position:absolute;bottom:var(--product-base);height:var(--product-height);aspect-ratio:var(--product-ratio);left:var(--product-left)}.sana-skin-product img{display:block;position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 2px #183e2416)}.sana-skin-product__contact{position:absolute;left:4%;right:4%;height:2.3%;min-height:6px;bottom:-1px;border-radius:50%;background:radial-gradient(ellipse,#253c3045 0%,#253c3020 40%,transparent 72%);filter:blur(3px)}.sana-skin-product--cleanser{--product-base:13%;--product-height:78%;--product-ratio:385/1300;--product-left:53%}.sana-skin-product--serum{--product-base:9%;--product-height:52%;--product-ratio:423/1320;--product-left:67%;z-index:2}.sana-skin-product--moisturizer{--product-base:13%;--product-height:70%;--product-ratio:270/1220;--product-left:81%}.sana-skin-steps{display:grid;grid-template-columns:1.1fr 2fr;gap:3.6rem;align-items:center;padding-block:2.8rem;scroll-margin-top:10rem;background:#f7f3ec!important}.sana-skin-steps h2{margin:0;color:#123f28;font-weight:500;font-size:clamp(2.3rem,2.1vw,3.2rem);letter-spacing:-.035em;line-height:1.15}.sana-skin-steps ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.sana-skin-steps li{min-width:0}.sana-skin-steps a{min-height:6.4rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1rem 2.4rem;border-left:1px solid #dfe6df;font-size:1.9rem;color:#123f28!important;text-decoration:none;line-height:1.3}.sana-skin-steps small{display:block;color:#5c6c62;font-size:1.2rem;margin-bottom:.4rem}.sana-skin-steps a>span:last-child{width:2rem;flex:none}.sana-skin-steps svg{width:100%;height:auto}.sana-skin-steps a[aria-current]{background:#dfead9;border-radius:1rem}.sana-skin-steps a:focus-visible,.sana-skin-hero__cta:focus-visible{outline:3px solid #123f28;outline-offset:5px}.sana-skin-source-note{font-size:1.2rem;line-height:1.5;color:#5c6c62;padding-bottom:1.6rem;margin-top:0;margin-bottom:0}.sana-wellness-product--probiotic{--product-base:15%;--product-height:61%;--product-ratio:890/1580;--product-left:52%;z-index:2}.sana-wellness-product--sleep{--product-base:26%;--product-height:67%;--product-ratio:890/1580;--product-left:74%}@media(max-width:989px){.sana-skin-hero__stage{height:auto;min-height:0;padding-bottom:43rem}.sana-skin-hero__content{height:auto}.sana-skin-hero__copy{width:100%;max-width:62rem;padding-block:3.6rem 1rem}.sana-skin-hero__background{object-position:65% center}.sana-skin-hero__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(#f7f3ecf5 0%,#f7f3eceb 28%,#f7f3ec30 58%,transparent 73%)}.sana-skin-hero__products{top:auto;height:41rem;bottom:0}.sana-skin-product--cleanser{--product-base:9%;--product-height:89%;--product-left:25%}.sana-skin-product--serum{--product-base:5%;--product-height:59%;--product-left:50%}.sana-skin-product--moisturizer{--product-base:9%;--product-height:80%;--product-left:73%}.sana-wellness-product--probiotic{--product-base:5%;--product-height:76%;--product-left:17%}.sana-wellness-product--sleep{--product-base:18%;--product-height:84%;--product-left:53%}.sana-skin-steps{grid-template-columns:1fr;gap:2rem}}@media(max-width:749px){.sana-skin-hero__stage{padding-bottom:calc(min(34rem,90vw) + 1rem)}.sana-skin-hero__copy{padding-block:2.8rem 1.2rem}.sana-skin-hero__eyebrow{font-size:1.15rem;margin-bottom:1.4rem;letter-spacing:.17em}.sana-skin-hero h1{font-size:clamp(3.6rem,10.7vw,4.6rem)}.sana-skin-hero__description{font-size:1.6rem;line-height:1.4;margin:1.6rem 0 2rem}.sana-skin-hero__cta{width:100%;min-height:5rem}.sana-skin-hero__products{height:min(34rem,90vw)}.sana-skin-product--cleanser{--product-base:7%;--product-height:90%;--product-left:19%}.sana-skin-product--serum{--product-base:3%;--product-height:62%;--product-left:47%}.sana-skin-product--moisturizer{--product-base:7%;--product-height:82%;--product-left:73%}.sana-wellness-product--probiotic{--product-base:5%;--product-height:75%;--product-left:12%}.sana-wellness-product--sleep{--product-base:18%;--product-height:84%;--product-left:52%}.sana-skin-steps{padding-block:2.4rem}.sana-skin-steps ul{grid-template-columns:1fr;gap:.7rem}.sana-skin-steps a{border:1px solid #dfe6df;border-radius:1rem;min-height:5.2rem;padding:.9rem 1.5rem;font-size:1.6rem}.sana-skin-steps a>span:first-child{display:flex;align-items:center;gap:1rem}.sana-skin-steps small{margin:0}.sana-skin-source-note{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.sana-skin-hero__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/sana-skin-layered.css.map */