:root{--font-display: "Clash Display", "Satoshi", system-ui, sans-serif;--font-body: "Satoshi", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--ink: #e7f0f1;--ink-soft: rgba(231, 240, 241, .66);--ink-faint: rgba(231, 240, 241, .38);--accent: #5ccfbf;--accent-soft: rgba(92, 207, 191, .5);--accent-faint: rgba(92, 207, 191, .14);--surface: 16, 54, 71;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--light: 1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:rgb(var(--surface));color:var(--ink);font-family:var(--font-body);font-size:clamp(1rem,.95rem + .25vw,1.0625rem);line-height:1.6;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}::selection{background:var(--accent);color:#04181b}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}:focus:not(:focus-visible){outline:none}.bg-field{position:fixed;inset:0;z-index:0;background:rgb(var(--surface));will-change:background-color}#ocean{position:fixed;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none}.lightfield{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 80% at 50% -25%,rgba(140,220,230,calc(.22 * var(--light))),transparent 60%),radial-gradient(140% 120% at 50% 120%,rgba(0,0,0,.55),transparent 55%);mix-blend-mode:screen}.grain{position:fixed;inset:-50%;z-index:80;width:200%;height:200%;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 6s steps(8) infinite;will-change:transform}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-4%,-6%)}30%{transform:translate(5%,-3%)}50%{transform:translate(-3%,6%)}70%{transform:translate(4%,3%)}90%{transform:translate(-5%,-2%)}to{transform:translate(0)}}.topbar{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:clamp(1.1rem,2.2vw,1.8rem) clamp(1.1rem,3vw,2.6rem);mix-blend-mode:difference}.topbar__brand{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:.34em;padding-left:.34em;color:#fff}.sound{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#fff;transition:transform .16s var(--ease-out)}.sound:active{transform:scale(.96)}.sound__bars{display:inline-flex;align-items:flex-end;gap:2px;height:13px}.sound__bars i{width:2px;height:4px;background:currentColor;border-radius:1px;transform-origin:bottom}.sound[aria-pressed=true] .sound__bars i{animation:eq .9s var(--ease-in-out) infinite alternate}.sound__bars i:nth-child(1){animation-delay:0ms}.sound__bars i:nth-child(2){animation-delay:.14s}.sound__bars i:nth-child(3){animation-delay:.28s}.sound__bars i:nth-child(4){animation-delay:90ms}@keyframes eq{0%{transform:scaleY(.4)}to{transform:scaleY(2.6)}}.hud{position:fixed;z-index:85;right:clamp(1.1rem,3vw,2.6rem);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:1rem;opacity:0;transition:opacity .6s var(--ease-out)}.hud.is-visible{opacity:1}.hud__rail{display:flex;flex-direction:column;align-items:center;gap:.6rem}.hud__track{position:relative;width:2px;height:clamp(140px,26vh,240px);background:#e7f0f129;overflow:hidden;border-radius:2px}.hud__progress{position:absolute;top:0;left:0;right:0;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top;box-shadow:0 0 12px var(--accent-soft)}.hud__tick{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;color:var(--ink-faint)}.hud__readout{display:flex;flex-direction:column;align-items:flex-end;text-align:right;width:5.5rem}.hud__depth{font-family:var(--font-mono);font-size:1.45rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.hud__unit{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:.35rem}.hud__zone{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-top:.75rem}.hero{position:relative;z-index:3;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);align-content:end;padding:clamp(2rem,6vw,5rem) clamp(1.2rem,5vw,4rem) clamp(3rem,9vh,6rem)}.hero__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(1rem,3vh,2rem);overflow:hidden}.hero__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.6rem,15.5vw,26rem);line-height:.85;letter-spacing:-.045em;margin-left:-.04em;white-space:nowrap}.hero__title .char{display:inline-block;will-change:transform}.hero__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:clamp(1.6rem,4vh,3rem)}.hero__lede{max-width:42ch;font-size:clamp(1rem,.9rem + .5vw,1.25rem);color:var(--ink-soft);line-height:1.55}.hero__scroll{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}.hero__scroll svg{width:14px;height:30px;overflow:visible}.hero__scroll .dot{animation:sink 2.2s var(--ease-in-out) infinite}@keyframes sink{0%{transform:translateY(0);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translateY(16px);opacity:0}}.zone{position:relative;z-index:3;min-height:100dvh;display:grid;align-items:center;padding:clamp(5rem,14vh,9rem) clamp(1.2rem,5vw,4rem)}.zone__grid{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.zone__content{grid-column:1 / span 7}.zone:nth-of-type(2n) .zone__content{grid-column:6 / span 7}.zone__index{grid-row:1;grid-column:9 / span 4;justify-self:end;text-align:right;font-family:var(--font-display);line-height:.8}.zone:nth-of-type(2n) .zone__index{grid-column:1 / span 4;justify-self:start;text-align:left}.zone__index .num{display:block;font-size:clamp(5rem,16vw,13rem);font-weight:500;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px var(--accent-soft);opacity:.5}.zone__index .latin{display:block;margin-top:.4rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);-webkit-text-stroke:0}.zone__eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(1rem,2.5vh,1.6rem)}.zone__headline{font-family:var(--font-display);font-weight:500;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.025em;max-width:16ch;text-wrap:balance}.zone__headline .word{display:inline-block;will-change:transform,opacity}.zone__body{margin-top:clamp(1.2rem,3vh,2rem);max-width:54ch;color:var(--ink-soft);font-size:clamp(1rem,.94rem + .3vw,1.18rem);line-height:1.65}.zone__stats{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2rem,5vh,3.2rem);padding-top:clamp(1.2rem,3vh,1.8rem);border-top:1px solid rgba(231,240,241,.14)}.stat__value{display:block;font-family:var(--font-mono);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}.stat__label{display:block;margin-top:.5rem;max-width:22ch;font-size:.82rem;line-height:1.4;color:var(--ink-faint)}.outro{position:relative;z-index:3;min-height:100dvh;display:grid;align-content:center;justify-items:center;text-align:center;padding:clamp(5rem,14vh,9rem) clamp(1.2rem,5vw,4rem) 0}.outro__eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:1.4rem}.outro__headline{font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.98;letter-spacing:-.03em;max-width:14ch;text-wrap:balance}.outro__body{margin-top:1.8rem;max-width:52ch;color:var(--ink-soft);font-size:clamp(1rem,.94rem + .3vw,1.2rem)}.resurface{position:relative;margin-top:clamp(2.6rem,6vh,4rem);display:inline-flex;align-items:center;gap:.8rem;padding:1.05rem 1.8rem;border:1px solid var(--accent-soft);border-radius:100px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);overflow:hidden;transition:border-color .3s var(--ease-out),color .3s var(--ease-out)}.resurface__fill{position:absolute;inset:0;z-index:-1;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .42s var(--ease-drawer)}@media (hover: hover) and (pointer: fine){.resurface:hover{border-color:var(--accent);color:#04181b}.resurface:hover .resurface__fill{transform:scaleY(1)}}.resurface:active{transform:scale(.97)}.colophon{position:relative;z-index:3;max-width:1400px;margin:0 auto;padding:clamp(4rem,12vh,8rem) clamp(1.2rem,5vw,4rem) clamp(2.5rem,6vh,4rem);display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1.5rem,3vw,2.5rem);border-top:1px solid rgba(231,240,241,.12)}.colophon__lockup{grid-column:1 / span 6}.colophon__mark{font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.02em;line-height:.9}.colophon__tag{margin-top:.8rem;color:var(--ink-faint);font-size:.9rem}.colophon__col{grid-column:span 2;display:flex;flex-direction:column;gap:.55rem}.colophon__h{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.5rem}.colophon__col a,.colophon__col span{font-size:.9rem;color:var(--ink-soft);transition:color .2s var(--ease-out)}.colophon__col a:hover{color:var(--accent)}.colophon__base{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:clamp(2.5rem,6vh,4rem);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.preloader{position:fixed;inset:0;z-index:100;background:#04141c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}.preloader.is-done{pointer-events:none}.preloader__inner{display:flex;flex-direction:column;align-items:center;text-align:center}.preloader__label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.preloader__count{font-family:var(--font-display);font-weight:500;font-size:clamp(4rem,16vw,11rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:.6rem 0 .4rem}.preloader__unit{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.preloader__bar{width:min(280px,60vw);height:2px;background:#e7f0f124;overflow:hidden}.preloader__bar span{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px var(--accent-soft)}.noscript{position:fixed;inset:0;z-index:200;background:#04141c;display:grid;place-content:center;text-align:center;padding:2rem}.noscript h1{font-family:var(--font-display);font-size:3rem;letter-spacing:.2em;margin-bottom:1rem}.noscript p{max-width:44ch;color:var(--ink-soft)}@media (max-width: 860px){.hud{top:auto;bottom:clamp(1rem,4vh,2rem);right:clamp(1rem,4vw,1.5rem);transform:none;flex-direction:row-reverse;gap:.7rem}.hud__track{height:90px}.hud__readout{width:auto}.hud__depth{font-size:1.1rem}.hud__unit,.hud__zone{display:none}.zone{min-height:auto;padding:clamp(5rem,16vh,8rem) 1.3rem}.zone__grid{grid-template-columns:1fr;gap:1.5rem}.zone__content,.zone:nth-of-type(2n) .zone__content{grid-column:1 / -1}.zone__index,.zone:nth-of-type(2n) .zone__index{grid-row:auto;grid-column:1 / -1;justify-self:start;text-align:left;order:-1}.zone__index .num{font-size:clamp(4rem,26vw,8rem)}.hero__foot{flex-direction:column;align-items:flex-start}.colophon{grid-template-columns:1fr 1fr}.colophon__lockup{grid-column:1 / -1}.colophon__col,.colophon__col:nth-of-type(2),.colophon__col:nth-of-type(3){grid-column:span 1}}@media (prefers-reduced-motion: reduce){.grain,.sound[aria-pressed=true] .sound__bars i,.hero__scroll .dot{animation:none!important}*{scroll-behavior:auto!important}}