:root{--bg: #030308;--ink: #e9edff;--ink-dim: rgba(233, 237, 255, .55);--accent: #8fa8ff;--accent-2: #d49bff;--hairline: rgba(233, 237, 255, .14);--font-sans: "Space Grotesk", system-ui, sans-serif;--font-serif: "Noto Serif SC", serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#8fa8ff59;color:#fff}body{scrollbar-width:thin;scrollbar-color:rgba(143,168,255,.4) transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#8fa8ff66}::-webkit-scrollbar-track{background:transparent}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(2,2,10,.55) 100%)}.grain{position:fixed;inset:-100%;z-index:3;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .9s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:60;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:var(--ink)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(233,237,255,.35);transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),border-color .3s}.cursor-ring.is-hover{width:62px;height:62px;border-color:#d49bffcc}@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}#loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center}.loader-inner{text-align:center;width:min(420px,78vw)}.loader-mark{font-size:1.6rem;color:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.86)}}.loader-count{font-weight:300;font-size:clamp(4rem,14vw,7rem);letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1;margin:.5rem 0 1rem}.loader-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.42em;color:var(--ink-dim);margin-bottom:1.6rem}.loader-bar{height:1px;background:var(--hairline);overflow:hidden}.loader-bar .bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left}.hud{position:fixed;z-index:20;pointer-events:none}.hud-top{top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:baseline;padding:1.4rem 2rem;mix-blend-mode:screen}.hud-logo{display:flex;align-items:center;gap:.6rem;font-weight:500;letter-spacing:.08em}.hud-logo-mark{color:var(--accent);font-size:.9rem;animation:spin 9s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.hud-logo-text sup{font-size:.55em;opacity:.7;margin-right:.5em}.hud-logo-text em{font-style:normal;font-family:var(--font-serif);font-weight:300;font-size:.78em;color:var(--ink-dim)}.hud-readout{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--ink-dim);font-variant-numeric:tabular-nums}.hud-bottom{left:0;right:0;bottom:0;padding:0 2rem 1.6rem}.hud-scrollhint{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.5em;color:var(--ink-dim);margin-bottom:1.2rem;transition:opacity .8s}.hud-scrollhint.is-hidden{opacity:0}.hud-scrollhint .chev{width:8px;height:8px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(45deg);animation:chev 1.8s ease-in-out infinite}@keyframes chev{50%{transform:rotate(45deg) translate(4px,4px);opacity:.3}}.progress-track{height:2px;background:var(--hairline)}.progress-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left}.hud-chapters{right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.4rem;pointer-events:auto}.chapter{display:flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;color:var(--ink-dim);opacity:.55;transition:opacity .4s,color .4s;flex-direction:row-reverse}.chapter i{font-style:normal}.chapter span{font-family:var(--font-serif);font-size:.7rem;letter-spacing:.14em;writing-mode:horizontal-tb}.chapter:after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;transform:scale(.5);transition:transform .4s var(--ease, ease),background .4s}.chapter:hover{opacity:1}.chapter.is-active{opacity:1;color:var(--accent)}.chapter.is-active:after{transform:scale(1.4)}#scroll-space{position:relative;z-index:10}.section{min-height:100vh;display:flex;align-items:center;padding:0 8vw;pointer-events:none}.section-left{justify-content:flex-start}.section-right{justify-content:flex-end;text-align:right}.block{max-width:560px}.tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.5em;color:var(--accent);margin-bottom:1.4rem}.tag:before{content:"";display:inline-block;width:34px;height:1px;background:var(--accent);vertical-align:middle;margin-right:.9em;opacity:.6}.section-right .tag:before{margin-right:.9em}h2{font-family:var(--font-serif);font-weight:300;font-size:clamp(1.7rem,4.2vw,3rem);line-height:1.5;letter-spacing:.04em;margin-bottom:1.6rem}h2 em{font-style:normal;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.body{font-size:.8rem;font-weight:300;line-height:2;letter-spacing:.05em;color:var(--ink-dim);max-width:44ch}.section-right .body{margin-left:auto}.reveal{opacity:0;transform:translateY(46px);filter:blur(10px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1)}.section.is-active .reveal{opacity:1;transform:none;filter:none}.section.is-active .reveal:nth-child(2){transition-delay:.12s}.section.is-active .reveal:nth-child(3){transition-delay:.24s}.section.is-active .reveal:nth-child(4){transition-delay:.36s}.section-hero{justify-content:center;text-align:center}.hero-inner{width:100%}.kicker{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.6em;color:var(--ink-dim);margin-bottom:2vh}.hero-title{font-weight:500;font-size:clamp(4.6rem,24vw,19rem);line-height:.95;letter-spacing:.02em;overflow:hidden;color:transparent;-webkit-text-stroke:1px rgba(233,237,255,.85);user-select:none}.hero-title .char{display:inline-block;transform:translateY(115%) rotate(6deg);transition:transform 1.4s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 90ms + .2s)}body.is-loaded .hero-title .char{transform:none}.hero-title:hover .char{-webkit-text-stroke-color:rgba(212,155,255,.9)}.hero-sub{margin-top:3vh;font-family:var(--font-serif);font-weight:300;font-size:clamp(.8rem,1.6vw,1rem);letter-spacing:.35em;color:var(--ink-dim)}body.is-loaded .section-hero .reveal{opacity:1;transform:none;filter:none}.section-finale{justify-content:center;text-align:center;align-items:flex-end;padding-bottom:14vh}.finale-title{font-family:var(--font-serif);font-weight:300;font-size:clamp(3rem,9vw,7rem);letter-spacing:.3em;margin:1rem 0 1.6rem;background:linear-gradient(120deg,#fff,var(--accent) 60%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.section-finale .body{margin:0 auto 2.4rem}.cta{pointer-events:auto;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.4em;padding:1rem 2.6rem;border:1px solid var(--hairline);border-radius:999px;color:var(--ink);transition:border-color .4s,background .4s,letter-spacing .4s}.cta:hover{border-color:var(--accent-2);background:#8fa8ff14;letter-spacing:.55em}@media(max-width:760px){.hud-chapters{display:none}.hud-top{padding:1rem 1.2rem}.section{padding:0 8vw}.hud-readout{display:none}}@media(prefers-reduced-motion:reduce){.grain,.hud-logo-mark,.loader-mark{animation:none}.reveal{transition:opacity .5s;transform:none;filter:none}}