.tube-section{background:radial-gradient(ellipse 55% 60% at 62% 48%, color-mix(in srgb, var(--shade) 16%, var(--cream)), var(--cream) 70%);height:340dvh;transition:background .5s;position:relative}.tube-section__stage{height:100dvh;position:sticky;top:0;overflow:hidden}.tube-section__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.tube-section__still{display:none}.tube-section__copy{z-index:2;width:min(30rem,36vw);display:grid;position:absolute;top:50%;left:clamp(1.4rem,6vw,6rem);transform:translateY(-50%)}.tube-section__kicker{letter-spacing:.05em;margin:0 0 1rem;font-family:IBM Plex Mono,monospace;font-size:.7rem}.tube-section__step{opacity:0;grid-area:2/1;transition:opacity .42s,transform .52s cubic-bezier(.2,.7,.2,1);transform:translateY(1.2rem)}.tube-section__step[data-active=true]{opacity:1;transform:none}.tube-section__step h2{letter-spacing:-.07em;margin:0;font-size:clamp(3.2rem,6.4vw,7.2rem);font-weight:420;line-height:.88}.tube-section__step p{max-width:32ch;margin:1.4rem 0 0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.45}.tube-section__swatches{z-index:2;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:clamp(1.6rem,6vh,3.4rem);right:clamp(1.4rem,5vw,5rem)}.tube-section__swatches button{cursor:pointer;background:radial-gradient(circle at 34% 30%, #ffffffb3 0 14%, transparent 30%), var(--swatch);border:2px solid #0000;border-radius:50%;width:1.9rem;height:1.9rem;padding:0;transition:transform .2s,border-color .2s;box-shadow:0 .3rem .8rem -.2rem #3b153759}.tube-section__swatches button:hover{transform:translateY(-2px)scale(1.06)}.tube-section__swatches button[aria-pressed=true]{border-color:var(--ink);transform:scale(1.12)}.tube-section__swatches button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tube-section__swatch-label{min-width:7.5rem;margin-left:.4rem;font-family:IBM Plex Mono,monospace;font-size:.7rem}.tube-section[data-mode=still]{height:auto}.tube-section[data-mode=still] .tube-section__stage{height:100dvh;position:relative}.tube-section[data-mode=still] .tube-section__canvas,.tube-section[data-mode=still] .tube-section__swatches{display:none}.tube-section[data-mode=still] .tube-section__still{object-fit:cover;object-position:70% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.tube-section[data-mode=still] .tube-section__step{opacity:1;grid-area:auto;margin-bottom:1.4rem;transform:none}.tube-section[data-mode=still] .tube-section__step h2{font-size:clamp(2.2rem,4vw,3.6rem)}@media (width<=860px){.tube-section__copy{top:auto;bottom:calc(9rem + env(safe-area-inset-bottom));width:calc(100% - 2.4rem);transform:none}.tube-section__step h2{font-size:clamp(2.8rem,13vw,4.4rem)}.tube-section__swatches{right:auto;bottom:calc(5.4rem + env(safe-area-inset-bottom));left:1.2rem}}.lineup{background:linear-gradient(to bottom, var(--cream) 0 58%, #eadcc6 100%);height:100dvh;min-height:34rem;position:relative;overflow:hidden}.lineup__canvas{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.lineup__still{display:none}.lineup__copy{z-index:2;pointer-events:none;position:absolute;top:clamp(5rem,12vh,8rem);left:clamp(1.4rem,6vw,6rem)}.lineup__copy h2{letter-spacing:-.07em;max-width:10ch;margin:0;font-size:clamp(3.4rem,7vw,8rem);font-weight:420;line-height:.87}.lineup__copy p{margin:1.2rem 0 0;font-size:clamp(1rem,1.3vw,1.2rem)}.lineup__hint{z-index:2;pointer-events:none;margin:0;font-family:IBM Plex Mono,monospace;font-size:.7rem;position:absolute;bottom:clamp(1.4rem,5vh,3rem);right:clamp(1.4rem,5vw,5rem)}.lineup__tag{z-index:3;color:var(--cream);background:var(--ink);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;padding:.45rem .8rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;transition:opacity .2s;position:absolute;top:0;left:0;transform:translate(-50%,-140%)}.lineup__tag[data-visible=true]{opacity:1}.lineup[data-mode=still] .lineup__canvas,.lineup[data-mode=still] .lineup__hint{display:none}.lineup[data-mode=still] .lineup__still{object-fit:cover;object-position:60% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=860px){.lineup__copy h2{font-size:clamp(2.8rem,14vw,4.6rem)}.lineup__hint{right:auto;bottom:calc(5.4rem + env(safe-area-inset-bottom));left:1.2rem}}.finale__film{background:var(--ink);height:100dvh;min-height:30rem;position:relative;overflow:hidden}.finale__poster,.finale__poster img,.finale__video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.finale__video{z-index:1}.finale__poster{display:none}.finale__copy{z-index:2;width:min(30rem,40vw);color:var(--cream);text-shadow:0 .2rem 1.6rem #14081e66;position:absolute;bottom:clamp(2rem,9vh,6rem);right:clamp(1.4rem,6vw,6rem)}.finale__kicker{letter-spacing:.05em;margin:0 0 1rem;font-family:IBM Plex Mono,monospace;font-size:.7rem}.finale__copy h2{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,5.6vw,6.4rem);font-weight:420;line-height:.88}.finale__copy p:last-child{max-width:32ch;margin:1.2rem 0 0;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.45}@media (width<=860px){.finale__copy{right:1.2rem;bottom:calc(6.4rem + env(safe-area-inset-bottom));width:auto;left:1.2rem}}@media (prefers-reduced-motion:reduce){.finale__video{display:none}.finale__poster{display:block}}.scroll-scrub{--scrub-progress:0;isolation:isolate;background:var(--cream);position:relative}.scroll-scrub__stage{z-index:0;background:var(--cream);width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.scroll-scrub__layer,.scroll-scrub__layer picture,.scroll-scrub__poster,.scroll-scrub__video{width:100%;height:100%;display:block;position:absolute;inset:0}.scroll-scrub__layer{will-change:opacity;margin:0;transition:opacity .12s linear;overflow:hidden}.scroll-scrub__poster,.scroll-scrub__video{object-fit:cover;object-position:var(--scene-object-position);transition:object-position .6s}.scroll-scrub__video{z-index:1}.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__poster{visibility:hidden}.scroll-scrub__progress{z-index:5;pointer-events:none;background:#3b15372e;height:2px;position:absolute;inset:0 0 auto}.scroll-scrub__progress span{background:var(--chrome);width:100%;height:100%;transform:scaleX(var(--scrub-progress));transform-origin:0;display:block}.scroll-scrub__story{z-index:2;pointer-events:none;margin-top:-100dvh;position:relative}.scroll-scrub__chapter{min-height:var(--scene-scroll);position:relative}.scroll-scrub__chapter-pin{align-items:center;min-height:100dvh;padding:clamp(6rem,10vw,9rem) clamp(1.4rem,6vw,6rem);display:flex;position:sticky;top:0}.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{justify-content:flex-end}.scroll-scrub__copy{width:min(39rem,44vw);color:var(--ink);pointer-events:auto;position:relative}.scroll-scrub__copy:before{z-index:-1;content:"";background:radial-gradient(#f6efe366 0,#f6efe32e 46%,#0000 70%);position:absolute;inset:-2rem -2.5rem}.scroll-scrub__kicker,.scroll-scrub__shade{letter-spacing:.05em;text-transform:lowercase;margin:0 0 1rem;font-family:IBM Plex Mono,monospace;font-size:.7rem}.scroll-scrub__copy h2{letter-spacing:-.07em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(3.5rem,7.3vw,8.3rem);font-weight:420;line-height:.87}.scroll-scrub__copy>p:not(.scroll-scrub__kicker){max-width:37ch;margin:1.6rem 0 1.3rem;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:420;line-height:1.45}.scroll-scrub__shade{border-bottom:1px solid;padding-bottom:.2rem;display:inline-block}.scroll-scrub__reduced-poster{display:none}.scroll-scrub__reduced-picture{display:contents}@media (width<=860px){.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--scene-mobile-position)}.scroll-scrub__chapter-pin,.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{padding:7rem max(1.2rem, env(safe-area-inset-right)) calc(6.7rem + env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));justify-content:flex-start;align-items:flex-end}.scroll-scrub__copy{width:min(100%,33rem)}.scroll-scrub__copy:before{background:radial-gradient(closest-side at 46% 54%,#f6efe366 0,#f6efe324 54%,#0000 100%);inset:-5.5rem -7rem}.scroll-scrub__copy h2{max-width:13ch;font-size:clamp(3rem,15vw,5.5rem)}}.scroll-scrub[data-reduced-motion=true] .scroll-scrub__stage{display:none}.scroll-scrub[data-reduced-motion=true] .scroll-scrub__story{margin-top:0}.scroll-scrub[data-reduced-motion=true] .scroll-scrub__chapter{min-height:100dvh;display:grid;overflow:hidden}.scroll-scrub[data-reduced-motion=true] .scroll-scrub__reduced-poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.scroll-scrub[data-tone=dark],.scroll-scrub[data-tone=dark] .scroll-scrub__stage{background:var(--ink)}.scroll-scrub[data-tone=dark] .scroll-scrub__copy{color:var(--cream)}.scroll-scrub[data-tone=dark] .scroll-scrub__copy:before{background:radial-gradient(#14081e7a 0,#14081e38 46%,#0000 70%)}.scroll-scrub[data-tone=dark] .scroll-scrub__progress{background:#f6efe329}.shade-gallery{--gallery-travel:0px;--gallery-progress:0;background:var(--cream);position:relative}.shade-gallery[data-layout=pinned]{height:calc(100dvh + var(--gallery-travel))}.shade-gallery__stage{position:relative;overflow:hidden}.shade-gallery[data-layout=pinned] .shade-gallery__stage{height:100dvh;position:sticky;top:0}.shade-gallery__product{z-index:3;pointer-events:none;background:linear-gradient(to right, var(--cream) 62%, #f6efe300);width:26vw;position:absolute;top:0;bottom:0;left:0}.shade-gallery__canvas{width:100%;height:100%;display:block}.shade-gallery__now{letter-spacing:-.04em;margin:0;font-size:clamp(1.3rem,1.8vw,1.8rem);font-weight:500;position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:clamp(1.4rem,3vw,2.4rem)}.shade-gallery__now span{letter-spacing:.05em;color:#3b1537a3;margin-bottom:.3rem;font-family:IBM Plex Mono,monospace;font-size:.64rem;font-weight:400;display:block}.shade-gallery__now:after{content:"";background:var(--active);border-radius:2px;width:2.4rem;height:3px;margin-top:.55rem;transition:background .4s;display:block}.shade-gallery__track{will-change:transform;align-items:center;gap:5vw;width:max-content;height:100%;padding:0 8vw 0 32vw;display:flex;position:relative}.shade-gallery__intro{flex:0 0 34vw;padding-right:2vw}.shade-gallery__intro h2{letter-spacing:-.07em;max-width:11ch;margin:0;font-size:clamp(3rem,5.6vw,6.4rem);font-weight:420;line-height:.9}.shade-gallery__intro>p:last-child{max-width:30ch;margin:1.4rem 0 0;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.45}.shade-gallery__kicker{letter-spacing:.05em;margin:0 0 1rem;font-family:IBM Plex Mono,monospace;font-size:.7rem}.shade-gallery__panel{z-index:1;opacity:.62;flex:0 0 min(58vw,128dvh);transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s;position:relative;transform:scale(.94)}.shade-gallery__panel[data-active=true]{opacity:1;transform:none}.shade-gallery__frame{aspect-ratio:16/9;background:var(--shade);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 2.2rem 4rem -2rem #3b153757}.shade-gallery__frame video{object-fit:cover;width:100%;height:100%;display:block}.shade-gallery__wipe{pointer-events:none;background:radial-gradient(ellipse 60% 40% at 38% 30%, #ffffff8c, transparent 60%), linear-gradient(115deg, var(--shade), color-mix(in srgb, var(--shade) 70%, #fff));clip-path:inset(0 100% 0 0);position:absolute;inset:0}.shade-gallery__panel[data-wipe=true] .shade-gallery__wipe{animation:.76s cubic-bezier(.7,0,.3,1) both shade-wipe}@keyframes shade-wipe{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.shade-gallery__copy{grid-template-columns:auto 1fr;align-items:baseline;gap:.2rem 2rem;padding:1.4rem .2rem 0;display:grid}.shade-gallery__copy .shade-gallery__kicker{color:color-mix(in srgb, var(--shade) 70%, var(--ink));grid-column:1/-1;margin:0}.shade-gallery__copy h3{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,2.6vw,2.8rem);font-weight:450}.shade-gallery__copy p:last-child{max-width:34ch;margin:0;font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.45}.shade-gallery__droplet{z-index:2;top:var(--y);left:var(--x);width:var(--size);height:calc(var(--size) * 1.08);pointer-events:none;background:radial-gradient(circle at 32% 28%, #ffffffeb 0 12%, transparent 26%), radial-gradient(circle at 60% 70%, color-mix(in srgb, var(--active) 70%, #fff) 0, var(--active) 55%, color-mix(in srgb, var(--active) 70%, var(--ink)) 100%);opacity:.86;transform:translate3d(calc(var(--gallery-progress) * var(--depth) * -60vw), 0, 0);border-radius:50% 50% 48% 52%/58% 58% 42% 42%;transition:background .5s;position:absolute;box-shadow:0 .8rem 1.4rem -.5rem #3b153752}.shade-gallery[data-layout=swipe] .shade-gallery__product,.shade-gallery[data-layout=stack] .shade-gallery__product{background:0 0;width:100%;height:42dvh;position:relative}.shade-gallery[data-layout=swipe] .shade-gallery__track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:1rem;width:auto;padding:1rem 1.2rem 3rem;overflow-x:auto}.shade-gallery[data-layout=swipe] .shade-gallery__track::-webkit-scrollbar{display:none}.shade-gallery[data-layout=swipe] .shade-gallery__intro,.shade-gallery[data-layout=swipe] .shade-gallery__panel{scroll-snap-align:center;flex:0 0 84vw}.shade-gallery[data-layout=swipe] .shade-gallery__copy,.shade-gallery[data-layout=stack] .shade-gallery__copy{grid-template-columns:1fr}.shade-gallery[data-layout=swipe] .shade-gallery__droplet,.shade-gallery[data-layout=stack] .shade-gallery__droplet,.shade-gallery[data-layout=stack] .shade-gallery__product{display:none}.shade-gallery[data-layout=stack] .shade-gallery__track{flex-direction:column;align-items:stretch;gap:3rem;width:auto;padding:5rem clamp(1.2rem,6vw,6rem)}.shade-gallery[data-layout=stack] .shade-gallery__panel{opacity:1;flex:none;transform:none}@media (width<=860px){.shade-gallery__intro h2{font-size:clamp(2.6rem,12vw,4rem)}.shade-gallery__now{bottom:.5rem}}