.skn-ingredient-theatre-section{padding:0!important;margin:0!important}.skn-ingredient-theatre{position:relative;z-index:2;--skn-ing-scroll: 9;margin-top:-100vh;margin-top:-100dvh;height:calc(var(--skn-ing-scroll) * 100vh);height:calc(var(--skn-ing-scroll) * 100dvh);background:#000}.skn-ingredient-theatre__pin{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;z-index:3;background:color-mix(in srgb,#f3efe8 calc(var(--skn-ing-light, 0) * 100%),#000000)}.skn-ingredient-theatre__stage{position:relative;width:100%;height:100%;padding:clamp(36px,5vh,56px) clamp(24px,4vw,64px);box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(28px,4vh,40px)}.skn-ingredient-theatre__intro{flex:0 0 auto;max-width:min(720px,58vw);transform:translateY(calc((1 - var(--skn-ing-title-rise, 0)) * 42vh));opacity:calc(1 - var(--skn-ing-title-dim, 0) * .52);will-change:transform,opacity}.skn-ingredient-theatre__eyebrow{margin:0 0 clamp(14px,2vh,20px);font-family:var(--font-body-family, Raleway, sans-serif);font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#00000073}.skn-ingredient-theatre__heading{margin:0;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(2rem,3.8vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;color:#000;max-width:14ch}.skn-ingredient-theatre__grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);min-height:0;align-content:end}.skn-ingredient-theatre__tile{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:clamp(14px,1.6vw,20px);background:#fff;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;transform:translate3d(calc(var(--skn-ing-tile-x, 0px) * (1 - var(--skn-ing-tile, 0))),calc((1 - var(--skn-ing-tile, 0)) * var(--skn-ing-tile-travel, 90vh)),0);opacity:calc(.35 + .65 * var(--skn-ing-tile, 0));will-change:transform,opacity}.skn-ingredient-theatre__tile-pct{margin:0 0 10px;font-family:var(--font-body-family, Raleway, sans-serif);font-size:.62rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#0000006b}.skn-ingredient-theatre__tile-name{margin:0 0 8px;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(1rem,1.35vw,1.2rem);font-weight:400;line-height:1.2;color:#000}.skn-ingredient-theatre__tile-body{margin:0;font-family:var(--font-body-family, Raleway, sans-serif);font-size:clamp(.72rem,.85vw,.82rem);line-height:1.5;color:#000000b8}@media screen and (max-width:989px){.skn-ingredient-theatre{height:auto;margin-top:0}.skn-ingredient-theatre__pin{position:relative;height:auto;overflow:visible;background:#f3efe8}.skn-ingredient-theatre__stage{height:auto;padding:48px 24px 64px}.skn-ingredient-theatre__intro{transform:none!important;opacity:1!important;max-width:none}.skn-ingredient-theatre__grid{display:flex;flex-direction:column;gap:12px}.skn-ingredient-theatre__tile{transform:none!important;opacity:1!important}}@media(prefers-reduced-motion:reduce){.skn-ingredient-theatre__intro,.skn-ingredient-theatre__tile{transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/skn-ingredient-theatre.css.map */