@property --pct{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --n{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --deg{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --hue{syntax: "<number>"; inherits: true; initial-value: 0;}@property --shine{syntax: "<percentage>"; inherits: false; initial-value: -60%;}:root{--bg: #08080a;--bg-2: #101013;--surface: #141418;--ink: #f2efe8;--mute: #8e8b85;--line: rgb(255 255 255 / .09);--acid: #c8ff3c;--flare: #ff5a2c;--violet: #7b5cff;--sky: #47c6ff;--sans: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--serif: "Instrument Serif", ui-serif, Georgia, serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--gutter: clamp(1rem, 5vw, 6rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip;timeline-scope:--s-hero,--s-watch,--s-manifesto,--s-techniques,--s-gallery,--s-principles,--s-dive,--s-numbers}body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,p{margin:0}h2{font-size:clamp(2.1rem,5.2vw,4.8rem);line-height:.98;letter-spacing:-.035em;font-weight:700;text-wrap:balance}h3{font-size:1.5rem;letter-spacing:-.02em;line-height:1.1}em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}h2 em,h1 em{color:var(--acid)}code,pre{font-family:var(--mono);font-size:.85em}:not(pre)>code{padding:.1em .4em;border-radius:.4em;background:#ffffff12;border:1px solid var(--line)}a{color:inherit}::selection{background:var(--acid);color:var(--bg)}.skip{position:fixed;left:1rem;top:-4rem;z-index:200;padding:.6rem 1rem;background:var(--acid);color:var(--bg);border-radius:.5rem}.skip:focus{top:1rem}.kicker,.eyebrow,.manifesto__kicker{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.kicker{margin-bottom:1.2rem}.kicker code{text-transform:none;letter-spacing:0;color:var(--acid)}.progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;background:linear-gradient(90deg,var(--violet),var(--sky),var(--acid),var(--flare));transform-origin:0 50%;scale:0 1}.masthead{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem var(--gutter);border-bottom:1px solid transparent}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:700;letter-spacing:-.02em;font-size:1.05rem}.brand svg{width:1.6rem;height:1.6rem;fill:none;stroke:var(--acid);stroke-width:2.2;stroke-linecap:round}.brand em{color:var(--acid);margin-left:.15em;font-size:1.15em}.spy{display:flex;gap:.25rem;padding:.3rem;border-radius:999px;background:#14141899;border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.spy a{position:relative;display:grid;place-items:center;min-width:.9rem;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:500;text-decoration:none;color:var(--mute);transition:color .2s}.spy a:hover{color:var(--ink)}@media(max-width:860px){.spy a{padding:.35rem}.spy a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.spy a:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}}.hud{position:fixed;left:var(--gutter);bottom:1.25rem;z-index:50;display:none;align-items:center;gap:.7rem;padding:.5rem .8rem;border-radius:999px;font-family:var(--mono);font-size:.72rem;color:var(--mute);background:#14141899;border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hud__label{color:var(--acid)}.hud__pct{min-width:3.2ch;color:var(--ink);font-variant-numeric:tabular-nums}.hud__pct:after{content:counter(pct) "%"}.hud__bar{width:4.5rem;height:3px;border-radius:3px;background:var(--line);overflow:hidden}.hud__bar i{display:block;height:100%;background:var(--acid);transform-origin:0 50%;scale:0 1}.hero{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:7rem var(--gutter) 5rem;overflow:clip;isolation:isolate;view-timeline:--s-hero}.hero:after{content:"";position:absolute;inset:auto 0 0;height:30%;z-index:-1;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero__sky{position:absolute;inset:-10%;z-index:-2}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}.orb--a{width:46vmax;height:46vmax;left:-8%;top:-12%;background:radial-gradient(circle,var(--violet),transparent 65%)}.orb--b{width:38vmax;height:38vmax;right:-6%;top:8%;background:radial-gradient(circle,var(--flare),transparent 65%);opacity:.4}.orb--c{width:30vmax;height:30vmax;left:35%;bottom:-14%;background:radial-gradient(circle,var(--sky),transparent 65%);opacity:.35}.hero__floor{position:absolute;z-index:-1;left:-50%;right:-50%;bottom:-2%;height:58%;background-image:linear-gradient(rgb(255 255 255 / .11) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .11) 1px,transparent 1px);background-size:72px 72px;transform:perspective(520px) rotateX(68deg);transform-origin:50% 100%;mask-image:linear-gradient(to top,#000 10%,transparent 85%);-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 85%)}.hero__inner{width:min(100%,76rem);text-align:center;perspective:900px}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px;background:#ffffff08;margin-bottom:2rem;letter-spacing:.1em}.eyebrow .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--acid);box-shadow:0 0 0 0 var(--acid);animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 .5rem transparent}}.hero__title{font-size:clamp(3rem,12.5vw,11rem);line-height:.88;letter-spacing:-.055em;font-weight:800;transform-style:preserve-3d}.hero__title .row{display:block;transform-style:preserve-3d}.hero__title em{letter-spacing:-.03em;font-weight:400;padding-right:.05em}.hero__title .w{display:inline-block;white-space:nowrap;transform-style:preserve-3d}.hero__title .ch{display:inline-block;transform-style:preserve-3d;will-change:transform}.hero__title .ch-in{display:inline-block}.js .hero__title .ch-in{animation:rise 1.2s var(--ease-out) both;animation-delay:calc(var(--k) * 28ms + .12s)}@keyframes rise{0%{opacity:0;translate:0 .55em;filter:blur(12px);rotate:x 70deg}}.hero__lede{max-width:38rem;margin:2.2rem auto 0;color:var(--mute);font-size:clamp(1rem,1.4vw,1.2rem);text-wrap:pretty}.hero__cue{position:absolute;bottom:2rem;left:50%;translate:-50% 0;display:grid;justify-items:center;gap:.6rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}.hero__cue i{width:1px;height:3.2rem;background:linear-gradient(var(--acid),transparent);transform-origin:top;animation:cue 1.8s var(--ease-out) infinite}@keyframes cue{0%{scale:1 0}60%{scale:1 1;opacity:1}to{scale:1 1;opacity:0}}.watch{position:relative;view-timeline:--s-watch;background:radial-gradient(120% 80% at 50% 50%,#121216,var(--bg) 70%)}.watch__stage{position:relative;height:100vh;height:100svh;overflow:clip}.watch__glow{position:absolute;inset:0;background:radial-gradient(40% 45% at 62% 50%,color-mix(in oklab,var(--glow, var(--violet)) 40%,transparent),transparent 70%);transition:background .8s}.watch__stage[data-variant="0"]{--glow: #8f8cff}.watch__stage[data-variant="1"]{--glow: #e2b25a}.watch__stage[data-variant="2"]{--glow: #3fd17a}.watch__stage[data-variant="3"]{--glow: #ff4a33}.watch__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.watch__loader{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;gap:.7rem;align-items:center;font-family:var(--mono);font-size:.75rem;color:var(--mute);transition:opacity .6s}.watch__loader span{width:1rem;height:1rem;border-radius:50%;border:2px solid var(--line);border-top-color:var(--acid);animation:spin .8s linear infinite}.watch__stage.is-ready .watch__loader{opacity:0}@keyframes spin{to{rotate:360deg}}.watch__labels{position:absolute;inset:0;pointer-events:none;opacity:0}.watch__labels span{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--ink);will-change:transform}.watch__labels span:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px #c8ff3c2e}.watch__labels span:after{content:"";order:-1;width:2.2rem;height:1px;background:linear-gradient(90deg,transparent,var(--acid))}.chapters{position:absolute;left:var(--gutter);top:50%;translate:0 -50%;width:min(29rem,38vw);margin:0;padding:0;list-style:none;display:grid}.chapter{grid-area:1 / 1}.chapter:not(:first-child){visibility:hidden}.chapter__num{display:block;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acid);margin-bottom:1rem}.chapter h2{font-size:clamp(2rem,3.8vw,3.6rem);margin-bottom:1.1rem}.chapter p{color:var(--mute);max-width:26rem}.watch__clock{display:block;margin-top:1.4rem;font-family:var(--mono);font-size:clamp(2rem,4vw,3.2rem);font-weight:500;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.swatches{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.4rem 0 0;list-style:none}.swatches li{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem .35rem .4rem;border-radius:999px;font-size:.78rem;border:1px solid var(--line);color:var(--mute)}.swatches li:before{content:"";width:1rem;height:1rem;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #fff3}.watch__rail{position:absolute;right:var(--gutter);bottom:2rem;display:flex;gap:.35rem;width:min(16rem,40vw)}.watch__rail i{flex:1;height:3px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}.watch__rail i:after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;scale:0 1}@media(max-width:760px){.chapters{top:auto;bottom:4.5rem;translate:none;width:auto;right:var(--gutter)}.chapter h2{font-size:1.85rem}.chapter p{font-size:.92rem}.watch__clock{font-size:1.8rem;margin-top:.6rem}.watch__glow{background:radial-gradient(70% 40% at 50% 32%,color-mix(in oklab,var(--glow, var(--violet)) 40%,transparent),transparent 70%)}.watch__labels span{font-size:.6rem}.watch__rail{top:5rem;bottom:auto;right:var(--gutter);left:var(--gutter);width:auto}}.manifesto{position:relative;padding:28vh var(--gutter);max-width:82rem;margin-inline:auto;view-timeline:--s-manifesto}.manifesto__kicker{margin-bottom:2rem}.manifesto__text{font-size:clamp(1.9rem,4.4vw,4.3rem);line-height:1.1;letter-spacing:-.035em;font-weight:600;text-wrap:pretty}.manifesto__text em{color:var(--acid)}.manifesto__text mark{color:var(--bg);background:linear-gradient(var(--acid),var(--acid)) no-repeat 0 0 / 100% 100%;border-radius:.12em;padding-inline:.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.manifesto__text .w{display:inline-block}.hpan{position:relative;view-timeline:--s-techniques}.hpan__sticky{padding-block:16vh 10vh}.hpan__head{padding-inline:var(--gutter);max-width:60rem;margin-bottom:3rem}.hpan__track{display:flex;gap:clamp(1rem,2.4vw,2.5rem);padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.panel{flex:0 0 min(80vw,29rem);min-height:min(64vh,33rem);scroll-snap-align:center;position:relative;display:flex;flex-direction:column;gap:.9rem;padding:1.75rem;border-radius:1.75rem;background:linear-gradient(160deg,#18181d,#0e0e11);border:1px solid var(--line);overflow:hidden;box-shadow:0 30px 80px -30px #000c}.panel__n{position:absolute;right:1.25rem;top:.25rem;font-size:7rem;font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgb(255 255 255 / .12);line-height:1}.panel h3{font-family:var(--mono);font-size:1.35rem;font-weight:500;color:var(--acid);margin-top:auto}.panel p{color:var(--mute);font-size:.98rem}.panel pre{margin:.3rem 0 0;padding:.9rem 1rem;border-radius:.9rem;background:#00000073;border:1px solid var(--line);white-space:pre-wrap;color:#d7d3ca;font-size:.78rem}.panel__art{position:relative;height:9.5rem;margin-top:.5rem;border-radius:1rem;border:1px dashed rgb(255 255 255 / .12);display:grid;place-items:center;overflow:hidden}.art-scroll{gap:.7rem;align-content:center;padding:1.5rem;place-items:stretch}.art-scroll i{height:.6rem;border-radius:1rem;background:#ffffff12;position:relative;overflow:hidden}.art-scroll i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--violet),var(--acid));transform-origin:0 50%}.art-view:before{content:"";position:absolute;inset:1.4rem 30%;border:1px solid rgb(255 255 255 / .3);border-radius:.6rem}.art-view i{width:3rem;height:3rem;border-radius:.8rem;background:var(--flare);box-shadow:0 0 40px var(--flare)}.art-range{grid-auto-flow:column;gap:.5rem;padding:2rem 1.5rem;place-items:stretch}.art-range i{border-radius:.6rem;background:var(--sky)}.art-scope{grid-auto-flow:column;justify-content:space-evenly}.art-scope i{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--violet);background:color-mix(in oklab,var(--violet) 30%,transparent)}.art-scope:before{content:"";position:absolute;left:18%;right:18%;top:50%;height:2px;background:linear-gradient(90deg,var(--violet),var(--acid));transform-origin:0 50%}.art-prop b{--deg: 270deg;width:7rem;height:7rem;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:1.25rem;font-weight:500;background:radial-gradient(closest-side,#121216 82%,transparent 83% 100%),conic-gradient(var(--acid) var(--deg),rgb(255 255 255 / .08) 0);counter-reset:n 270}.art-prop b:after{content:counter(n) "°"}.art-js{perspective:500px}.art-js i{position:relative;width:4.5rem;height:4.5rem;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(36deg)}.art-js i:before,.art-js i:after{content:"";position:absolute;inset:0;border:1.5px solid var(--acid);background:#c8ff3c14}.art-js i:before{transform:translateZ(2.25rem)}.art-js i:after{transform:rotateY(90deg) translateZ(2.25rem);box-shadow:0 0 0 1.5px var(--acid),inset 0 0 30px #c8ff3c40}.hpan__progress{display:none}.gallery{position:relative;view-timeline:--s-gallery}.gallery__sticky{padding-block:14vh 8vh;display:grid;align-content:center}.gallery__head{padding-inline:var(--gutter);text-align:center;max-width:58rem;margin:0 auto 2rem}.coverflow{--cw: min(64vw, 21rem);display:flex;margin:0;padding:3rem calc(50% - var(--cw) / 2) 6rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}.coverflow::-webkit-scrollbar,.hpan__track::-webkit-scrollbar{display:none}.coverflow li{flex:0 0 var(--cw);scroll-snap-align:center;padding-inline:.6rem}.cf{margin:0;position:relative;-webkit-box-reflect:below 10px linear-gradient(transparent 62%,rgb(0 0 0 / .28))}.cf__art{aspect-ratio:3 / 4;border-radius:1.4rem;position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / .12);background:radial-gradient(60% 50% at 30% 25%,oklch(.85 .17 calc(var(--h) + 40)),transparent 70%),radial-gradient(70% 60% at 80% 80%,oklch(.62 .24 calc(var(--h) - 30)),transparent 70%),conic-gradient(from calc(var(--h) * 1deg) at 50% 60%,oklch(.35 .14 var(--h)),oklch(.6 .2 calc(var(--h) + 60)),oklch(.25 .1 var(--h)))}.cf__art:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 120%,transparent 0 14px,rgb(255 255 255 / .07) 15px 16px),linear-gradient(transparent 50%,#0000008c);mix-blend-mode:overlay}.cf__art:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .4) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:var(--shine) 0;mix-blend-mode:soft-light}.a2{border-radius:50% 50% 1.4rem 1.4rem}.a4{border-radius:1.4rem 6rem 1.4rem 1.4rem}.a6{border-radius:50% 50% 1.4rem 1.4rem}.a8{border-radius:6rem 1.4rem}.cf figcaption{position:absolute;left:1.2rem;right:1.2rem;bottom:1rem;display:flex;justify-content:space-between;align-items:baseline;font-family:var(--serif);font-size:1.9rem;font-style:italic;text-shadow:0 2px 20px rgb(0 0 0 / .5)}.cf figcaption span{font-family:var(--mono);font-style:normal;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.gallery__note{text-align:center;color:var(--mute);font-size:.9rem;padding-inline:var(--gutter);margin-top:0;position:relative;z-index:30}.principles{padding:18vh var(--gutter) 10vh;view-timeline:--s-principles}.principles__head{max-width:56rem;margin-bottom:8vh}.stack{list-style:none;margin:0;padding:0 0 calc(var(--count) * 1.6rem);display:grid;gap:6vh;view-timeline:--stack}.stack__item{position:sticky;top:calc(13vh + var(--i) * 1.6rem)}.card{position:relative;display:grid;grid-template-columns:auto 1fr minmax(0,.9fr);gap:clamp(1rem,3vw,3rem);align-items:center;min-height:min(64vh,30rem);padding:clamp(1.5rem,4vw,3.5rem);border-radius:2rem;transform-origin:50% 0;overflow:hidden;box-shadow:0 -20px 60px -20px #000000b3}.card h3{font-size:clamp(1.8rem,3.6vw,3.2rem);letter-spacing:-.035em;margin-bottom:.8rem}.card p{max-width:28rem;opacity:.8}.card__idx{font-family:var(--serif);font-style:italic;font-size:clamp(4rem,10vw,9rem);line-height:.8;align-self:start}.card--1{background:var(--acid);color:#0d0f06}.card--2{background:var(--flare);color:#1a0702}.card--3{background:var(--violet);color:#fff}.card--4{background:var(--ink);color:var(--bg)}.card code{background:#0000001f;border-color:#00000026}.card__viz{align-self:stretch;border-radius:1.2rem;min-height:12rem;background:#0000001a;position:relative;overflow:hidden}.viz-1{background:repeating-linear-gradient(90deg,rgb(0 0 0 / .14) 0 2px,transparent 2px 22px),#0000000f}.viz-1:after{content:"";position:absolute;inset:30% 10%;border-radius:1rem;background:#0d0f06;animation:slide 2.6s var(--ease-out) infinite alternate}@keyframes slide{0%{translate:-30% 0;scale:.4 1}to{translate:30% 0;scale:.4 1}}.viz-2{background:conic-gradient(from 0deg,rgb(0 0 0 / .25),transparent 50%,rgb(0 0 0 / .25));animation:swing 6s ease-in-out infinite alternate}@keyframes swing{to{--deg: 360deg;filter:hue-rotate(20deg)}}.viz-3{background:radial-gradient(circle at 30% 40%,rgb(255 255 255 / .4),transparent 30%),radial-gradient(circle at 70% 70%,rgb(0 0 0 / .3),transparent 40%),#00000026}.viz-4{background:repeating-radial-gradient(circle at 50% 50%,rgb(0 0 0 / .1) 0 1px,transparent 1px 18px)}@media(max-width:860px){.card{grid-template-columns:1fr;align-content:start}.card__viz{display:none}.card__idx{font-size:4rem}}.dive{position:relative;view-timeline:--s-dive}.dive__sticky{position:relative;height:100vh;height:100svh;overflow:clip;isolation:isolate}.dive__world{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,#2a1060,#0b0420 70%);overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(50px);mix-blend-mode:screen;animation:float 14s ease-in-out infinite alternate}.b1{width:60vmax;height:60vmax;left:-15%;top:-20%;background:radial-gradient(circle,var(--flare),transparent 60%)}.b2{width:55vmax;height:55vmax;right:-15%;top:-5%;background:radial-gradient(circle,var(--violet),transparent 60%);animation-duration:18s}.b3{width:50vmax;height:50vmax;left:20%;bottom:-30%;background:radial-gradient(circle,var(--sky),transparent 60%);animation-duration:11s}.b4{width:30vmax;height:30vmax;left:45%;top:30%;background:radial-gradient(circle,var(--acid),transparent 60%);opacity:.6;animation-duration:9s}@keyframes float{to{translate:12% 8%;scale:1.15}}.dive__after{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:var(--gutter)}.dive__after .kicker{color:#ffffffbf}.dive__big{font-size:clamp(3rem,10vw,10rem);font-weight:800;line-height:.9;letter-spacing:-.05em;text-wrap:balance;text-shadow:0 10px 60px rgb(0 0 0 / .3)}.dive__big em{color:var(--ink)}.dive__mask{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:visible;will-change:transform}.dive__veil{fill:var(--bg)}.dive__word{font-family:var(--sans);font-weight:800;font-size:330px;letter-spacing:-14px}.dive__hint{display:none;position:absolute;bottom:2.5rem;left:0;right:0;text-align:center;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.numbers{padding:22vh var(--gutter) 14vh;max-width:90rem;margin-inline:auto;view-timeline:--s-numbers}.numbers__head{max-width:50rem;margin-bottom:4rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:1.5rem;overflow:hidden}.stat{background:var(--bg);padding:2rem 1.75rem;display:grid;gap:.5rem}.stat__n{--n: var(--to);counter-reset:n var(--n);font-size:clamp(3.5rem,7vw,6rem);font-weight:800;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums}.stat__n:after{content:counter(n) attr(data-suffix)}.stat span{color:var(--mute);font-size:.95rem}.chart{margin:4rem 0 0;padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(180deg,#111114,var(--bg))}.chart svg{display:block;width:100%;height:clamp(12rem,28vw,20rem);overflow:visible}.chart__grid line{stroke:var(--line);stroke-dasharray:4 6}.chart__area{fill:url(#chart-fill)}.chart__line{fill:none;stroke:var(--acid);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgb(200 255 60 / .6))}.chart figcaption{margin-top:1rem;color:var(--mute);font-size:.85rem}.bars{display:flex;align-items:flex-end;gap:.6rem;height:10rem;margin-top:2rem}.bars i{flex:1;height:100%;border-radius:.5rem .5rem 0 0;background:linear-gradient(to top,var(--violet),var(--sky));transform-origin:50% 100%;scale:1 var(--v)}.finale{position:relative;padding:18vh 0 3rem;overflow:clip}.marquee{white-space:nowrap;font-size:clamp(4rem,13vw,12rem);font-weight:800;letter-spacing:-.05em;line-height:1}.marquee span{display:inline-block}.m1{color:transparent;-webkit-text-stroke:1.5px rgb(255 255 255 / .25)}.m2{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--acid)}.finale__inner{text-align:center;padding:16vh var(--gutter) 14vh}.finale__inner h2{font-size:clamp(3rem,9vw,8rem)}.finale__inner p{color:var(--mute);margin-top:1.2rem;font-size:1.15rem}.btn{display:inline-flex;align-items:center;gap:.6rem;margin-top:2.5rem;padding:1rem 1.6rem;border-radius:999px;background:var(--acid);color:var(--bg);font-weight:700;text-decoration:none;transition:transform .3s var(--ease-out),box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px -10px var(--acid)}.credits{border-top:1px solid var(--line);margin-inline:var(--gutter);padding-top:2rem;display:grid;gap:.6rem;color:var(--mute);font-size:.8rem;max-width:60rem}.credits a{color:var(--ink)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.progress{animation:grow-x linear both;animation-timeline:scroll(root block)}@keyframes grow-x{to{scale:1 1}}.hud{display:inline-flex}.hud__pct{animation:pct linear both;animation-timeline:scroll(root);counter-reset:pct var(--pct)}@keyframes pct{to{--pct: 100}}.hud__bar i{animation:grow-x linear both;animation-timeline:scroll(root)}.masthead{animation:mast linear both;animation-timeline:scroll(root);animation-range:0 260px}@keyframes mast{to{padding-block:.7rem;background-color:#08080ab8;border-bottom-color:var(--line);backdrop-filter:blur(16px) saturate(1.4)}}.spy a{animation:spy linear;animation-timeline:var(--tl);animation-range:cover 50vh cover calc(100% - 50vh)}@keyframes spy{0%,to{color:var(--bg);background-color:var(--acid)}}.hero__title .ch{animation:scatter both;animation-timing-function:cubic-bezier(.55,0,.85,.35);animation-timeline:--s-hero;animation-range:exit 0% exit 85%}@keyframes scatter{to{transform:translate3d(var(--x),var(--y),var(--z)) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz));opacity:0}}.hero__lede,.eyebrow{animation:lift linear both;animation-timeline:--s-hero;animation-range:exit 0% exit 45%}@keyframes lift{to{opacity:0;translate:0 -3rem;filter:blur(8px)}}.hero__cue{animation:fade-out linear both;animation-timeline:scroll(root);animation-range:0 20vh}@keyframes fade-out{to{opacity:0}}.hero__floor{animation:floor linear both;animation-timeline:scroll(root);animation-range:0 120vh}@keyframes floor{to{background-position:0 720px,0 0;transform:perspective(520px) rotateX(78deg) translateY(10%);opacity:.3}}.orb--a{animation:orb-a linear both;animation-timeline:--s-hero;animation-range:exit}.orb--b{animation:orb-b linear both;animation-timeline:--s-hero;animation-range:exit}.orb--c{animation:orb-c linear both;animation-timeline:--s-hero;animation-range:exit}@keyframes orb-a{to{translate:20vw 30vh;scale:1.4}}@keyframes orb-b{to{translate:-25vw 40vh;scale:.6}}@keyframes orb-c{to{translate:0 -40vh;scale:1.8;opacity:.6}}.watch{height:520vh}.watch__stage{position:sticky;top:0}.chapter,.chapter:not(:first-child){visibility:visible;animation:chapter linear both;animation-timeline:--s-watch}.chapter:nth-child(1){animation-name:chapter-first;animation-range:entry 40% contain 22%}.chapter:nth-child(2){animation-range:contain 22% contain 46%}.chapter:nth-child(3){animation-range:contain 46% contain 70%}.chapter:nth-child(4){animation-name:chapter-last;animation-range:contain 70% exit 40%}@keyframes chapter{0%{opacity:0;transform:translateY(4rem);filter:blur(12px)}18%,82%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(-4rem);filter:blur(12px)}}@keyframes chapter-first{0%{opacity:0;transform:translateY(4rem);filter:blur(12px)}30%,82%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(-4rem);filter:blur(12px)}}@keyframes chapter-last{0%{opacity:0;transform:translateY(4rem);filter:blur(12px)}12%,80%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(-2rem)}}.watch__labels{animation:labels linear both;animation-timeline:--s-watch;animation-range:contain 24% contain 46%}@keyframes labels{0%{opacity:0}25%,75%{opacity:1}to{opacity:0}}.watch__rail i:after{animation:grow-x linear both;animation-timeline:--s-watch}.watch__rail i:nth-child(1):after{animation-range:contain 0% contain 22%}.watch__rail i:nth-child(2):after{animation-range:contain 22% contain 46%}.watch__rail i:nth-child(3):after{animation-range:contain 46% contain 70%}.watch__rail i:nth-child(4):after{animation-range:contain 70% contain 100%}.swatches li{animation:swatch-on linear;animation-timeline:--s-watch}.swatches li:nth-child(1){animation-range:contain 70% contain 78%}.swatches li:nth-child(2){animation-range:contain 78% contain 85%}.swatches li:nth-child(3){animation-range:contain 85% contain 92%}.swatches li:nth-child(4){animation-range:contain 92% exit 100%}@keyframes swatch-on{0%,to{color:var(--ink);border-color:var(--c);background:color-mix(in oklab,var(--c) 18%,transparent)}}.watch__glow{animation:glow linear both;animation-timeline:--s-watch;animation-range:entry 0% exit 100%}@keyframes glow{0%{opacity:0;scale:.6}20%{opacity:1;scale:1}50%{scale:1.3}80%{opacity:1;scale:1}to{opacity:0}}.manifesto__text .w{animation:word linear both;animation-timeline:view();animation-range:cover 12% cover 38%}@keyframes word{0%{opacity:.1;translate:0 .25em;filter:blur(3px)}}.manifesto__text mark{animation:mark linear both;animation-timeline:view();animation-range:cover 30% cover 45%}@keyframes mark{0%{background-size:0% 100%;color:inherit}60%{color:inherit}}.hpan{height:460vh}.hpan__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:clip;padding-block:12vh 6vh;display:grid;grid-template-rows:auto 1fr auto;perspective:1600px}.hpan__head{margin-bottom:0;animation:head-out linear both;animation-timeline:--s-techniques;animation-range:contain 0% contain 25%}@keyframes head-out{to{opacity:.25;translate:-4rem 0}}.hpan__track{overflow:visible;width:max-content;align-items:center;transform-style:preserve-3d;animation:pan linear both;animation-timeline:--s-techniques;animation-range:contain 0% contain 100%}@keyframes pan{to{transform:translate(calc(-100% + 100vw))}}.panel{--at: calc(var(--i) * 20%);animation:panel-in linear both,panel-out linear both;animation-timeline:--s-techniques,--s-techniques;animation-range:contain max(0%,calc(var(--at) - 30%)) contain var(--at),contain var(--at) contain min(100%,calc(var(--at) + 30%))}@keyframes panel-in{0%{transform:rotateY(-38deg) translateZ(-180px) translate(10%);opacity:.35}}@keyframes panel-out{to{rotate:y 32deg;scale:.88;opacity:.25}}.panel__n{animation:num-par linear both;animation-timeline:--s-techniques;animation-range:contain max(0%,calc(var(--at) - 30%)) contain min(100%,calc(var(--at) + 30%))}@keyframes num-par{0%{translate:6rem 0}to{translate:-6rem 0}}.panel__art{--art: contain max(0%, calc(var(--at) - 22%)) contain calc(var(--at) + 2%)}.panel:first-child .panel__art{--art: entry 40% contain 6%}.art-scroll i:after{animation:grow-x linear both;animation-timeline:--s-techniques;animation-range:var(--art)}.art-scroll i:nth-child(1):after{animation-timing-function:cubic-bezier(.2,.9,.3,1)}.art-scroll i:nth-child(3):after{animation-timing-function:cubic-bezier(.8,0,.9,.4)}.art-scroll i:after{scale:0 1}.art-view i{animation:subject linear both;animation-timeline:--s-techniques;animation-range:var(--art)}@keyframes subject{0%{translate:0 7rem;rotate:-90deg}to{translate:0 -7rem;rotate:90deg}}.art-range i{animation:seg linear both;animation-timeline:--s-techniques}.art-range i:nth-child(1){animation-range:contain calc(var(--at) - 22%) contain calc(var(--at) - 16%)}.art-range i:nth-child(2){animation-range:contain calc(var(--at) - 16%) contain calc(var(--at) - 10%)}.art-range i:nth-child(3){animation-range:contain calc(var(--at) - 10%) contain calc(var(--at) - 4%)}.art-range i:nth-child(4){animation-range:contain calc(var(--at) - 4%) contain calc(var(--at) + 2%)}@keyframes seg{0%{opacity:.12;scale:1 .3}}.art-scope:before{animation:grow-x linear both;animation-timeline:--s-techniques;animation-range:var(--art)}.art-scope i{animation:node linear both;animation-timeline:--s-techniques;animation-range:var(--art)}.art-scope i:nth-child(2){animation-delay:0s;animation-timing-function:steps(2,jump-none)}@keyframes node{0%{scale:.4;border-color:#fff3;background:transparent}}.art-prop b{animation:prop linear both;animation-timeline:--s-techniques;animation-range:var(--art);counter-reset:n var(--n)}@keyframes prop{0%{--deg: 0deg;--n: 0}to{--deg: 360deg;--n: 360}}.art-js i{animation:cube linear both;animation-timeline:--s-techniques;animation-range:contain 60% contain 100%}@keyframes cube{0%{transform:rotateX(-24deg) rotateY(-180deg)}to{transform:rotateX(-24deg) rotateY(225deg)}}.hpan__progress{display:block;margin:0 var(--gutter);height:2px;background:var(--line);border-radius:2px;overflow:hidden}.hpan__progress i{display:block;height:100%;background:var(--acid);transform-origin:0 50%;animation:grow-x linear both;animation-timeline:--s-techniques;animation-range:contain}.gallery{height:380vh}.gallery__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:clip;padding-block:10vh 4vh}.coverflow{scroll-snap-type:none;overflow-x:hidden}.coverflow li{margin-inline:calc(var(--cw) * -.16)}.cf{animation:cover linear both;animation-timeline:view(inline)}@keyframes cover{0%{transform:perspective(1100px) translate(-10%) rotateY(-62deg) scale(.72);filter:brightness(.35) saturate(.6);z-index:0}42%{filter:brightness(.85)}50%{transform:perspective(1100px) translateZ(90px) rotateY(0) scale(1.08);filter:brightness(1.05) saturate(1.1);z-index:10}58%{filter:brightness(.85)}to{transform:perspective(1100px) translate(10%) rotateY(62deg) scale(.72);filter:brightness(.35) saturate(.6);z-index:0}}.coverflow li{animation:zi linear both;animation-timeline:view(inline);position:relative}@keyframes zi{0%{z-index:0}50%{z-index:20}to{z-index:0}}.cf__art:after{animation:shine linear both;animation-timeline:view(inline)}@keyframes shine{0%{--shine: 140%}to{--shine: -40%}}.cf figcaption{animation:cap linear both;animation-timeline:view(inline);animation-range:cover 30% cover 70%}@keyframes cap{0%,to{opacity:0;translate:0 1rem}35%,65%{opacity:1;translate:0 0}}.gallery__head{animation:gal-head linear both;animation-timeline:--s-gallery;animation-range:entry 20% contain 10%}@keyframes gal-head{0%{opacity:0;translate:0 4rem;letter-spacing:.04em}}.card{animation:recede linear both;animation-timeline:--stack;animation-range:exit-crossing calc((var(--i) - 1) / var(--count) * 100%) exit-crossing calc(var(--i) / var(--count) * 100%)}@keyframes recede{to{transform:perspective(1400px) rotateX(10deg) scale(calc(1 - (var(--count) - var(--i)) * .045));filter:brightness(calc(1 - (var(--count) - var(--i)) * .16))}}.card__idx{animation:idx linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes idx{0%{opacity:0;translate:-2rem 0;rotate:-12deg}}.principles__head h2{animation:clip-up linear both;animation-timeline:view();animation-range:entry 10% cover 40%}@keyframes clip-up{0%{clip-path:inset(0 0 100% 0);translate:0 2rem}to{clip-path:inset(0 0 -10% 0)}}.dive{height:420vh}.dive__sticky{position:sticky;top:0}.dive__mask{display:block;transform-origin:var(--ox, 50%) var(--oy, 50%);animation:dive both;animation-timing-function:cubic-bezier(.75,0,.9,.2);animation-timeline:--s-dive;animation-range:contain 6% contain 62%}@keyframes dive{0%{transform:scale(1)}99%{opacity:1}to{transform:scale(90);opacity:0}}.dive__world{animation:world linear both;animation-timeline:--s-dive;animation-range:contain 0% contain 70%}@keyframes world{0%{scale:1.6;filter:hue-rotate(-60deg) saturate(.6)}to{scale:1;filter:hue-rotate(0deg) saturate(1.1)}}.dive__after{animation:after linear both;animation-timeline:--s-dive;animation-range:contain 52% contain 78%}@keyframes after{0%{opacity:0;scale:.6;filter:blur(20px)}}.dive__hint{display:block;animation:fade-out linear both;animation-timeline:--s-dive;animation-range:contain 0% contain 12%}.stat__n{animation:count both;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-timeline:view();animation-range:entry 20% cover 55%}@keyframes count{0%{--n: var(--from, 0)}to{--n: var(--to)}}.stat:first-child{--from: 64}.chart__line{animation:draw linear both;animation-timeline:view();animation-range:entry 30% cover 60%}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.chart__area{animation:area linear both;animation-timeline:view();animation-range:entry 30% cover 60%}@keyframes area{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.bars i{animation:bar both;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-timeline:view();animation-range:entry calc(var(--i) * 8%) cover calc(35% + var(--i) * 3%)}@keyframes bar{0%{scale:1 0}}.marquee span{animation:mq linear both;animation-timeline:view()}.m1 span{--from: 0%;--to: -45%}.m2 span{--from: -45%;--to: 0%}@keyframes mq{0%{translate:var(--from) 0}to{translate:var(--to) 0}}.finale__inner h2{animation:zoom-in linear both;animation-timeline:view();animation-range:entry 0% cover 50%}@keyframes zoom-in{0%{scale:.6;opacity:0;letter-spacing:.1em;filter:blur(10px)}}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}