.void-layer{z-index:var(--z-void);background:radial-gradient(120% 80% at 70% 55%, #0d0d0d 0%, var(--void) 60%);position:fixed;inset:0}.stage{z-index:var(--z-canvas);pointer-events:none;opacity:0;transition:opacity 1.6s var(--ease-out-expo);position:fixed;inset:0}.stage[data-ready=true]{opacity:1}.site-header{z-index:var(--z-ui);padding:1.5rem var(--margin);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.site-header__brand{color:var(--ice);padding:.5rem 0;display:inline-flex}.site-header__index{margin:0}.site-header__nav{align-items:center;gap:clamp(1.25rem,3vw,2.5rem);display:flex}.sound-toggle{min-height:44px;color:var(--ice-dim);cursor:pointer;transition:color .4s var(--ease-out-expo);background:0 0;border:0;align-items:center;gap:.6rem;padding:0 .25rem;display:inline-flex}.sound-toggle:hover,.sound-toggle:focus-visible,.sound-toggle[aria-pressed=true]{color:var(--ice)}.sound-toggle:focus-visible{outline:1px solid var(--signal);outline-offset:4px}.sound-toggle[aria-busy=true]{cursor:progress}.sound-toggle__bars{align-items:center;gap:2px;height:10px;display:inline-flex}.sound-toggle__bars span{transform-origin:50%;width:1px;height:100%;transition:transform .5s var(--ease-out-expo), background-color .4s;background:currentColor;transform:scaleY(.2)}.sound-toggle[aria-pressed=true] .sound-toggle__bars span{background:var(--signal);animation:sound-breath 1.82s var(--ease-in-out-quart) infinite}.sound-toggle[aria-pressed=true] .sound-toggle__bars span:nth-child(2){animation-delay:-.6s}.sound-toggle[aria-pressed=true] .sound-toggle__bars span:nth-child(3){animation-delay:-1.2s}@keyframes sound-breath{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.sound-toggle[aria-pressed=true] .sound-toggle__bars span{animation:none;transform:scaleY(.7)}}@media (max-aspect-ratio:1){.sound-toggle__bars{display:none}}.site-header__current{color:var(--ice)}.skip-link{left:var(--margin);background:var(--ice);color:var(--void);z-index:var(--z-overlay);padding:.75rem 1rem;text-decoration:none;position:absolute;top:-4rem}.skip-link:focus{top:.75rem}.visually-hidden-list{right:var(--margin);margin:0;padding:0;list-style:none;position:absolute;top:3.5rem}.visually-hidden-list a{white-space:nowrap;color:var(--ice);background:var(--graphite);clip-path:inset(50%);padding:.5rem .75rem;text-decoration:none;position:absolute;right:0}.visually-hidden-list a:focus{clip-path:none}.progress-rail{background:color-mix(in srgb, var(--hairline) 45%, transparent);height:1px;position:absolute;inset:0 0 auto}.progress-rail__segment{height:1px;transition:left .6s var(--ease-out-expo), width .6s var(--ease-out-expo);position:absolute;top:0}.progress-rail__fill{background:var(--signal);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.scroll-cue{z-index:var(--z-ui);transition:opacity .8s var(--ease-out-expo);pointer-events:none;justify-items:center;gap:.75rem;display:grid;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-cue[data-hidden=true]{opacity:0}.scroll-cue__track{background:color-mix(in srgb, var(--ice-dim) 55%, transparent);width:1px;height:56px;position:relative;overflow:hidden}.scroll-cue__dot{background:var(--ice);width:3px;height:8px;animation:cue 2.4s var(--ease-in-out-quart) infinite;position:absolute;top:0;left:-1px}@keyframes cue{0%{transform:translateY(-10px)}70%,to{transform:translateY(52px)}}.story,.scene{position:relative}.scene__frame{opacity:0;pointer-events:none;height:100svh;transition:opacity .7s var(--ease-out-expo);padding:6rem var(--margin) 3rem;grid-template-columns:repeat(var(--cols), 1fr);column-gap:var(--gutter);z-index:var(--z-story);align-content:end;display:grid;position:fixed;inset:0}.scene[data-active=true] .scene__frame{opacity:1;pointer-events:auto}.scene--awakening .scene__frame{z-index:var(--z-behind)}.scene__index{left:var(--margin);position:absolute;top:4.5rem}.s01,.s02,.s03,.s04,.s05,.s06{grid-column:1/-1}.s01__signature{letter-spacing:.3em;margin:1.5rem 0 0}.site-footer{z-index:var(--z-story);padding:2rem var(--margin);border-top:1px solid color-mix(in srgb, var(--hairline) 45%, transparent);background:var(--void);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex;position:relative}.site-footer p{margin:0}.site-footer__notes{color:var(--ice);text-underline-offset:.35em;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal)}.static-stage{z-index:var(--z-canvas);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.static-stage__line{background:var(--signal);width:min(56vw,720px);height:1px;box-shadow:0 0 24px 2px color-mix(in srgb, var(--signal) 40%, transparent)}.static-stage__field{background:repeating-radial-gradient(circle at 60% 0, color-mix(in srgb, var(--ice) 55%, transparent) 0 1.5px, transparent 1.5px 26px);transform-origin:50% 0;opacity:0;height:130svh;transition:opacity .9s var(--ease-out-expo);position:fixed;top:50%;left:-30vw;right:-30vw;transform:perspective(60rem)rotateX(64deg);-webkit-mask-image:radial-gradient(circle,#000 1px,#0000 1.6px),linear-gradient(#000,#0000 85%);mask-image:radial-gradient(circle,#000 1px,#0000 1.6px),linear-gradient(#000,#0000 85%);-webkit-mask-size:7px 7px,100% 100%;mask-size:7px 7px,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}html[data-scene=feel] .static-stage__field{opacity:.7}.static-stage__line{transition:opacity .6s var(--ease-out-expo)}html:is([data-scene=feel],[data-scene=crafted],[data-scene=final]) .static-stage__line{opacity:0}.static-stage__note{right:var(--margin);position:fixed;bottom:1.5rem}@media (max-aspect-ratio:1){.scene__frame{padding:5rem var(--margin) 2.5rem}.s01{align-self:end}}@media (prefers-reduced-motion:reduce){.stage{transition:none}.scene__frame,.void-layer:after{transition-duration:.2s}.scroll-cue__dot{animation:none;transform:translateY(20px)}}.intro{z-index:var(--z-ui);pointer-events:none;position:fixed;inset:0}.intro__counter{left:var(--margin);font-variant-numeric:tabular-nums;position:absolute;bottom:2rem}.intro__carrier{background:var(--signal);height:1px;box-shadow:0 0 18px 1px color-mix(in srgb, var(--signal) 55%, transparent);transform-origin:50%;position:absolute;top:58%;left:18%;right:18%;transform:scaleX(0)}html[data-intro=done] .intro{visibility:hidden}.s01__title{max-width:none;display:grid}.s01__line{white-space:nowrap;margin-block:-.04em;padding-block:.04em;display:block;overflow:clip}.s01__char{will-change:transform;display:inline-block}.s01__sig{display:inline-block}html[data-intro=pending] .s01__char,html[data-intro=playing] .s01__char{transform:translateY(110%)}html:is([data-intro=pending],[data-intro=playing]) .s01__title{letter-spacing:.4em}html:is([data-intro=pending],[data-intro=playing]) .s01__sig{clip-path:inset(0% 100% 0% 0%)}html:is([data-intro=pending],[data-intro=playing]) .s01__signature .stop{opacity:0}.s01{transform:translate3d(0, calc(var(--local,0) * -26svh), 0);opacity:calc(1 - var(--local,0) * 1.25)}.s01__signature{transform:translate3d(0, calc(var(--local,0) * 8svh), 0)}.site-header__brand,.site-header__nav,.progress-rail,.scroll-cue{transition:opacity .8s var(--ease-out-expo)}html:not([data-intro=done]) :is(.site-header__brand,.site-header__nav,.progress-rail),html:not([data-intro=done]) .scroll-cue{opacity:0}html:not([data-intro=done]) .site-header:focus-within :is(.site-header__brand,.site-header__nav,.progress-rail){opacity:1}.site-header [data-part=signal-line]{transform-box:fill-box;transform-origin:0;transition:transform 1.1s var(--ease-out-expo) .25s}html:not([data-intro=done]) .site-header [data-part=signal-line]{transform:scaleX(0)}html:not([data-intro=done]) .static-stage{opacity:0}.static-stage{transition:opacity 1.2s var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){.s01,.s01__signature{opacity:1;transform:none}}@media (max-aspect-ratio:1){.scene--awakening .scene__frame{align-content:end;padding-bottom:6.5rem}.intro__carrier{top:36%;left:10%;right:10%}}.scroll-cue .t-mono{color:color-mix(in srgb, var(--ice) 72%, var(--void))}.rv-mask{vertical-align:top;margin-block:-.06em;padding-block:.06em;display:inline-block;overflow:clip}.rv-word{transform:translate3d(0, calc((1 - var(--k,0)) * 108%), 0);display:inline-block}.rv-word .stop{opacity:var(--k,0)}.scene--reveal .scene__frame,.scene--inside .scene__frame,.scene--feel .scene__frame{grid-template-rows:minmax(0,1fr);align-content:stretch}.s02{grid-column:1/-1;align-self:stretch;position:relative}.s02__a,.s02__b{max-width:min(100%,8em);margin:0;position:absolute}.s02__a{font-stretch:calc(112% - 50% * var(--k,0));opacity:calc(1 - var(--k,0));top:18%;left:0}.s02__b{text-align:right;opacity:calc(1 - var(--k,0));bottom:12%;right:0}.s03{opacity:calc(1 - var(--k,0));grid-column:1/-1;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);align-content:center;align-self:stretch;display:grid;position:relative}.s03__kicker{color:var(--ice-dim);opacity:var(--k,0);margin:0;position:absolute;top:1.5rem;left:0}.s03__features{z-index:1;gap:clamp(1.25rem,3.2svh,2.5rem);margin:0;padding:0;list-style:none;display:grid;position:relative}.s03__feature{transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);gap:.35rem;display:grid}.s03__name{justify-self:start;font-size:clamp(1.15rem,1.9vw,2rem)}.s03__idx{color:var(--ice-dim);transition:color .4s}.s03__feature[data-state=future]{opacity:0;transform:translateY(.6rem)}.s03__feature[data-state=past]{opacity:1}.s03__feature[data-state=past] .s03__name,.s03__feature[data-state=past] .s03__spec,.s03__feature[data-state=past] .s03__idx{color:var(--ice-dim)}.s03__spec{color:color-mix(in srgb, var(--ice) 72%, var(--void))}.s03__feature[data-state=active] .s03__idx{color:var(--signal)}.s03__lines{pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0;overflow:visible}.s03__lines path{fill:none;stroke:var(--hairline);stroke-width:1px;vector-effect:non-scaling-stroke}.s03__lines path[data-state=active]{stroke:var(--signal)}.s03__lines circle{fill:var(--void);stroke:var(--ice);stroke-width:1px;transition:opacity .3s}.s03__lines circle[data-state=active]{stroke:var(--signal)}.s03__note{opacity:var(--k,0);margin:0;position:absolute;bottom:0;left:0}.scene--feel .scene__frame{padding:0;display:block}.s04__copy{opacity:var(--k,0)}.s04__kicker,.s04 .t-statement{left:var(--margin);right:var(--margin);margin:0;position:absolute}.s04__kicker{bottom:calc(50svh + 1.25rem)}.s04 .t-statement{text-shadow:0 0 .18em #080808e6,0 0 .6em #0808088c;top:calc(50svh + 1.1rem)}@media (max-aspect-ratio:1){.s02__a{top:auto;bottom:24%;left:0}.s02__b{bottom:6%}.s03{grid-template-columns:1fr;align-content:end}.s03__features{min-height:7.5rem}.s03__feature{grid-area:1/1}.s03__feature:not([data-state=active]){opacity:0;transform:translateY(.6rem)}.s03__lines{display:none}.s03__note{margin-top:1rem;position:static}.s03__features{grid-template-areas:"stack"}}@media (prefers-reduced-motion:reduce){.rv-word{transform:none}.rv-word .stop,.s02__a,.s02__b,.s03__kicker,.s03__note,.s04__copy{opacity:1}.s02__a{font-stretch:112%}.s03__feature,.s03__feature:not([data-state=active]){opacity:1;grid-area:auto;transform:none}}:root{--lb-h:min(calc(100vw / 2.39), 72svh);--final-line-y:61.5svh;--mark-w:84vw}.shutter{height:100svh;z-index:var(--z-story);pointer-events:none;position:fixed;inset:0;overflow:hidden}.shutter[data-active=false]{visibility:hidden}.shutter__bar,.shutter__edge{will-change:transform, opacity;width:100%;position:absolute;top:0;left:0}.shutter__bar{background:var(--void);height:100%}.shutter__edge{background:var(--signal);height:1px;box-shadow:0 0 18px 1px color-mix(in srgb, var(--signal) 45%, transparent);transform-origin:50%;margin-top:-.5px}.shutter__wave{fill:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shutter__wave path{vector-effect:non-scaling-stroke;stroke:var(--signal);stroke-linejoin:round}.shutter__wave-line{stroke-width:1.25px}.shutter__wave-glow{stroke-width:calc(7px * var(--wave-scale,1));opacity:.16}.s04__out{opacity:calc(1 - var(--k,0))}.scene--crafted .scene__frame,.scene--final .scene__frame{padding:0;display:block}.s05__planes{margin:0;padding:0;list-style:none}.s05__plane{opacity:var(--k,0);position:absolute;inset:0}.s05__out{opacity:calc(1 - var(--k,0))}.s05__idx,.s05__line{margin:0;position:absolute}.s05__idx{bottom:calc(50svh + var(--lb-h) / 2 + 1.1rem);color:var(--ice-dim)}.s05__line{top:calc(50svh + var(--lb-h) / 2 + 1.35rem);text-wrap:balance;max-width:24em;font-size:clamp(1.25rem,2.2vw,2.5rem)}.s05__plane[data-side=left] .s05__line,.s05__plane[data-side=right] .s05__idx{left:var(--margin)}.s05__plane[data-side=right] .s05__line,.s05__plane[data-side=left] .s05__idx{right:var(--margin);text-align:right}.scene__back{height:100svh;z-index:var(--z-behind);opacity:0;pointer-events:none;transition:opacity .7s var(--ease-out-expo);position:fixed;inset:0}.scene[data-active=true] .scene__back{opacity:1}.s06-mark__word{left:50%;top:calc(var(--final-line-y) - var(--mark-w) * .08236);width:var(--mark-w);height:auto;color:color-mix(in srgb, var(--ice) 94%, transparent);position:absolute;overflow:hidden;transform:translate(-50%)}.s06-mark__letter{fill:currentColor;transform-box:fill-box;transform:translate3d(0, calc((1 - var(--k,0)) * 104%), 0)}.s06-mark__letter[data-from=above]{transform:translate3d(0, calc((var(--k,0) - 1) * 104%), 0)}.s06-mark__handoff{left:0;right:0;top:var(--final-line-y);height:0;opacity:var(--k,0);position:absolute}.s06-mark__line{width:calc(100vw + (var(--mark-w) * 1.01412 - 100vw) * var(--k,0));height:calc(1px + (var(--mark-w) * .00744 - 1px) * var(--k,0));background:var(--signal);box-shadow:0 0 10px 0 color-mix(in srgb, var(--signal) 28%, transparent);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.s06-mark__line:after{content:"";background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--signal) 55%, transparent), transparent 70%);opacity:0;position:absolute;inset:-.6rem 0}.scene--final[data-active=true] .s06-mark__line:after{animation:line-pulse 4s var(--ease-in-out-quart) 1s infinite}@keyframes line-pulse{0%,70%,to{opacity:0}80%{opacity:.55}}.s06{text-align:center;position:absolute;inset:0}.s06__statement{text-wrap:balance;left:var(--margin);right:var(--margin);margin:0;font-size:clamp(1.75rem,3vw,3.25rem);font-stretch:100%;position:absolute;top:13svh}.s06__actions{left:0;right:0;top:calc(var(--final-line-y) + 14svh);opacity:var(--k,0);transform:translate3d(0, calc((1 - var(--k,0)) * .75rem), 0);justify-items:center;gap:1.5rem;display:grid;position:absolute}.s06__product{color:var(--ice);margin:0}.cta{color:var(--ice);border-radius:0;text-decoration:none;display:inline-flex;position:relative}.cta__face{border:1px solid var(--ice);will-change:transform;align-items:center;min-height:48px;padding:.95rem 2.25rem;display:inline-flex;position:relative}.cta__face:after{content:"";background:var(--signal);transform-origin:0;height:1px;transition:transform .6s var(--ease-out-expo);position:absolute;bottom:.7rem;left:2.25rem;right:2.25rem;transform:scaleX(0)}.cta:hover .cta__face:after,.cta:focus-visible .cta__face:after{transform:scaleX(1)}.cta:focus-visible{outline:none}.cta:focus-visible .cta__face{outline:1px solid var(--signal);outline-offset:5px}.notes{width:min(44rem, 100vw - 2 * var(--margin));border:1px solid color-mix(in srgb, var(--hairline) 70%, transparent);background:var(--graphite);max-height:min(86svh,60rem);color:var(--ice);padding:0;overflow:hidden}.notes::backdrop{background:color-mix(in srgb, var(--void) 84%, transparent)}.notes[open]{animation:notes-in .6s var(--ease-out-expo)}@keyframes notes-in{0%{opacity:0;transform:translateY(1rem)}}.notes__inner{max-height:inherit;overscroll-behavior:contain;padding:clamp(1.5rem,4vw,3rem);overflow:auto}.notes__head{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:2rem;display:flex}.notes__title{margin:.75rem 0 0;font-size:clamp(1.75rem,3.4vw,2.75rem)}.notes__close{min-height:44px;color:var(--ice-dim);cursor:pointer;background:0 0;border:0;padding:0 .25rem}.notes__close:hover,.notes__close:focus-visible{color:var(--ice)}.notes dl{grid-template-columns:minmax(7rem,.3fr) 1fr;gap:1.25rem 2rem;margin:0;display:grid}.notes dt{color:var(--ice-dim);padding-top:.2rem}.notes dd{font-size:var(--size-body);color:color-mix(in srgb, var(--ice) 88%, transparent);margin:0;line-height:1.55}.notes__foot{border-top:1px solid color-mix(in srgb, var(--hairline) 60%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.notes__credit{margin:0}.notes__row{display:contents}.notes__disclaimer{margin:1.5rem 0 0}.replay{cursor:pointer;background:0 0;border:0;padding:0}.notes :focus-visible{outline:1px solid var(--signal);outline-offset:4px}.blackout{z-index:var(--z-overlay);background:var(--void);opacity:0;pointer-events:none;transition:opacity .7s var(--ease-in-out-quart);position:fixed;inset:0}html[data-replay=out] .blackout{opacity:1;pointer-events:auto}@media (max-aspect-ratio:1){:root{--lb-h:56svh;--final-line-y:66svh;--mark-w:88vw}.s05__idx,.s05__line,.s05__plane[data-side] .s05__idx,.s05__plane[data-side] .s05__line{left:var(--margin);right:var(--margin);text-align:center}.s05__line{font-size:var(--size-editorial)}.s06__actions{top:calc(var(--final-line-y) + 8svh);gap:1.25rem}.notes dl{grid-template-columns:1fr;gap:.4rem}.notes dd{margin-bottom:1rem}}@media (prefers-reduced-motion:reduce){.s05__line .rv-word,.s06-mark__letter,.s06-mark__letter[data-from=above],.s06__actions{transform:none}.s06-mark__handoff{opacity:1}.s06-mark__line{width:calc(var(--mark-w) * 1.01412);height:calc(var(--mark-w) * .00744)}.scene--final[data-active=true] .s06-mark__line:after,.notes[open]{animation:none}.blackout,.cta__face:after{transition:none}}:is(html[data-cursor=on]:not([data-notes=open]):has(.cursor[data-visible=true]),html[data-cursor=on]:not([data-notes=open]):has(.cursor[data-visible=true]) *){cursor:none}html[data-cursor=on] :is(input,textarea,select,[contenteditable=true]){cursor:auto!important}.cursor{z-index:var(--z-overlay);pointer-events:none;opacity:0;transition:opacity .35s var(--ease-out-expo);position:fixed;inset:0}.cursor[data-visible=true]{opacity:1}html[data-notes=open] .cursor{opacity:0}.cursor__dot,.cursor__ring{will-change:transform;position:absolute;top:0;left:0}.cursor__dot:before,.cursor__ring:before{content:"";border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor__dot:before{background:var(--ice);width:6px;height:6px;transition:transform .35s var(--ease-out-expo), opacity .35s}.cursor__ring:before{border:1px solid color-mix(in srgb, var(--ice) 55%, transparent);width:28px;height:28px;transition:width .5s var(--ease-out-expo), height .5s var(--ease-out-expo), border-color .4s, background-color .4s}.cursor[data-state=action] .cursor__ring:before{border-color:var(--ice);width:44px;height:44px}.cursor[data-state=action] .cursor__dot:before{transform:translate(-50%,-50%)scale(.5)}.cursor[data-state=magnet] .cursor__ring:before{border-color:var(--ice);width:64px;height:64px}.cursor[data-state=magnet] .cursor__dot:before{opacity:0}.cursor[data-pressed=true] .cursor__ring:before{width:22px;height:22px}.cursor__ring:after{content:"";border:1px solid color-mix(in srgb, var(--ice) 45%, transparent);opacity:0;border-radius:50%;width:28px;height:28px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(1)}.cursor[data-emit=true][data-state=idle] .cursor__ring:after{animation:cursor-emit 1.82s var(--ease-out-expo) infinite}@keyframes cursor-emit{0%{opacity:.55;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}html[data-footer=in] .stage,html[data-footer=in] .static-stage,html[data-footer=in] .scene__frame,html[data-footer=in] .scene__back,html[data-footer=in] .shutter{translate:0 calc(-1 * var(--footer-lift,0px))}
