.skn-our-why-section{padding:0!important;margin:0!important}.skn-our-why{position:relative;z-index:2;--skn-why-scroll: 10.5;--skn-why-reveal: 0;--skn-why-bg-fade: 0;height:calc(var(--skn-why-scroll) * 100vh);height:calc(var(--skn-why-scroll) * 100dvh);background:color-mix(in srgb,#f3efe8 calc((1 - var(--skn-why-bg-fade, 0)) * 100%),#000000)}.skn-our-why__pin{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;z-index:3}.skn-our-why__stage{position:relative;width:100%;height:100%;opacity:calc(1 - var(--skn-why-formula-visible, 0))}.skn-our-why__figure{position:absolute;left:50%;top:50%;margin:0;width:fit-content;max-width:min(92vw,960px);line-height:0;border:none;outline:none;box-shadow:none;background:transparent;clip-path:inset(calc(var(--skn-why-exit, 0) * 50%) calc(var(--skn-why-exit, 0) * 50%) calc(var(--skn-why-exit, 0) * 50%) max((1 - var(--skn-why-reveal, 0)) * 100%,var(--skn-why-exit, 0) * 50%));transform:translate(-50%,calc(-50% + var(--skn-why-image-y, 0px))) scale(var(--skn-why-image-scale, .58));transform-origin:center center;opacity:calc(1 - var(--skn-why-exit, 0) * .35);z-index:1;will-change:transform,clip-path,filter;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.skn-our-why__image{display:block;width:auto;height:auto;max-width:min(92vw,960px);max-height:78vh;max-height:78dvh;border:none;outline:none;box-shadow:0 24px 64px rgba(26,26,26,calc(.08 * var(--skn-why-reveal, 0) * (1 - var(--skn-why-exit, 0))))}.skn-our-why__panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.skn-our-why__panel{position:absolute;top:0;width:min(440px,38vw);max-width:440px;opacity:1;transform:translateY(100vh);will-change:transform;pointer-events:auto}.skn-our-why__panel--left{left:clamp(24px,4vw,64px)}.skn-our-why__panel--right{right:clamp(12px,2vw,36px);width:min(480px,40vw);max-width:480px;text-align:left}.skn-our-why__eyebrow{margin:0 0 16px;font-family:var(--font-body-family, Raleway, sans-serif);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#000}.skn-our-why__heading{margin:0 0 20px;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:400;font-style:normal;line-height:1.15;letter-spacing:-.01em;color:#000;max-width:14ch}.skn-our-why__lede{margin:0;font-family:var(--font-body-family, Raleway, sans-serif);font-size:clamp(.95rem,1.35vw,1.125rem);line-height:1.65;color:#000;max-width:42ch}.skn-our-why__personas{display:flex;flex-direction:column;gap:clamp(28px,4vh,44px)}.skn-our-why__persona-label{margin:0 0 10px;font-family:var(--font-body-family, Raleway, sans-serif);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#000}.skn-our-why__persona-title{margin:0 0 12px;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(1.35rem,2.4vw,2rem);font-weight:400;line-height:1.2;color:#000}.skn-our-why__persona-body{margin:0;font-family:var(--font-body-family, Raleway, sans-serif);font-size:clamp(.95rem,1.35vw,1.125rem);line-height:1.65;color:#000;max-width:42ch}.skn-our-why__formula{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;opacity:var(--skn-why-formula-visible, 0);pointer-events:none}.skn-our-why__formula-inner{display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,4.5vh,48px);width:100%;height:100%;padding:clamp(40px,6vh,72px) clamp(24px,4vw,64px);box-sizing:border-box}.skn-our-why__formula-intro-wrap{flex:0 0 auto;width:100%;max-width:min(960px,78vw);overflow:hidden}.skn-our-why__formula-intro{transform:translate(calc((1 - var(--skn-formula-title, 0)) * -100vw));will-change:transform}.skn-our-why__formula-eyebrow{margin:0 0 clamp(16px,2.5vh,24px);font-family:var(--font-body-family, Raleway, sans-serif);font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c}.skn-our-why__formula-heading{margin:0;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(2.25rem,4.2vw,3.75rem);font-weight:400;line-height:1.08;letter-spacing:-.01em;color:#fff;white-space:nowrap}.skn-our-why__formula-rule{flex:0 0 auto;width:100%;height:0;margin:0;border:none;border-top:1px solid rgba(255,255,255,.28);opacity:var(--skn-formula-title, 0)}.skn-our-why__formula-chapters{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.5vw,56px);align-items:start;min-height:0}.skn-our-why__formula-chapter{display:flex;flex-direction:column;min-width:0;transform:translate(calc(var(--skn-formula-ch-offset, 100vw) * (1 - var(--skn-formula-ch, 0))));will-change:transform}.skn-our-why__formula-chapter-label{margin:0 0 clamp(14px,2vh,20px);font-family:var(--font-body-family, Raleway, sans-serif);font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8}.skn-our-why__formula-chapter-name{margin:0 0 clamp(12px,1.8vh,18px);font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(1.65rem,2.5vw,2.35rem);font-weight:400;line-height:1.2;color:#fff}.skn-our-why__formula-chapter-ingredients{margin:0 0 clamp(14px,2vh,20px);font-family:var(--font-body-family, Raleway, sans-serif);font-size:.72rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;color:#ffffff73}.skn-our-why__formula-chapter-body{margin:0;font-family:var(--font-body-family, Raleway, sans-serif);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.65;color:#ffffffd1;max-width:36ch}@media screen and (max-width:989px){.skn-our-why{height:auto}.skn-our-why__pin{position:relative;height:auto;min-height:auto;padding:48px 0 64px;overflow:visible}.skn-our-why__stage{display:flex;flex-direction:column;gap:40px;padding:0 24px}.skn-our-why__figure{position:relative;left:auto;top:auto;transform:none!important;width:100%;max-width:100%;margin:0 auto}.skn-our-why__image{max-height:none;margin:0 auto}.skn-our-why__panels{position:relative;inset:auto;display:flex;flex-direction:column;gap:48px}.skn-our-why__panel{position:relative;top:auto;left:auto!important;right:auto!important;width:100%;max-width:none;transform:none!important}.skn-our-why__formula{position:relative;inset:auto;opacity:1!important}.skn-our-why__formula-inner{height:auto;padding:0}.skn-our-why__formula-intro{transform:none!important}.skn-our-why__formula-rule{opacity:1!important}.skn-our-why__formula-chapters{display:flex;flex-direction:column;gap:48px}.skn-our-why__formula-chapter{transform:none!important}.skn-our-why__formula-chapter-body{max-width:none}}@media(prefers-reduced-motion:reduce){.skn-our-why__panel{transform:none!important}.skn-our-why__figure{clip-path:none;transform:translate(-50%,-50%) scale(1)!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/skn-our-why.css.map */