html{scroll-behavior:smooth}body{min-width:320px}:root{--bg:#010103;--fg:#f1f5f9;--fg-dim:#94a3b8;--fg-faint:#64748b;--accent:#38bdf8;--accent-2:#a78bfa;--cyan:#38bdf8;--line:#f1f5f914;--font-display:"Instrument Serif", Georgia, serif;--font-sans:"Geist", "Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{color:var(--fg);cursor:none;-webkit-font-smoothing:antialiased;background:#030307;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}.glass-card{-webkit-backdrop-filter:blur(16px);background:#14142366;border:1px solid #ffffff1a}.glass-panel{-webkit-backdrop-filter:blur(14px);background:#0a0a1980;border:1px solid #ffffff14}body:after{content:"";pointer-events:none;z-index:999;opacity:.032;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");position:fixed;inset:0}@media (width<=720px),(hover:none){html,body{cursor:auto}.cursor-dot,.cursor-ring{display:none}}#top{position:relative}#top:before{content:"";z-index:0;pointer-events:none;filter:blur(18px);background:radial-gradient(closest-side at 18% 8%,#5328ff2e 0%,#0000 55%),radial-gradient(closest-side at 82% 12%,#00f0ff24 0%,#0000 50%),radial-gradient(closest-side at 52% 52%,#ff3b8d0f 0%,#0000 60%);position:fixed;inset:0}.nav-island-wrap{top:0;z-index:40;padding-top:18px;pointer-events:none;justify-content:center;padding-inline:16px;display:flex;position:fixed;inset-inline:0}.nav-island{pointer-events:auto;-webkit-backdrop-filter:blur(22px);background:#0000006b;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff14}.nav-island-brand{align-items:center;gap:10px;padding-right:6px;display:flex}.nav-island-mark{color:#000;letter-spacing:-.02em;background:#fff;border-radius:999px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.nav-island-name{letter-spacing:-.03em;font-size:15px;font-weight:600}.nav-island-links{align-items:center;gap:2px;display:flex}.nav-island-links a{letter-spacing:-.01em;color:#ffffffad;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .7s cubic-bezier(.32,.72,0,1)}.nav-island-links a:hover{color:#fff;background:#ffffff1a}.nav-island-cta{align-items:center;gap:8px;padding-left:8px;display:flex}.nav-island-login{color:#ffffffc7;border-radius:999px;padding:10px 18px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .7s cubic-bezier(.32,.72,0,1)}.nav-island-login:hover{color:#fff;background:#ffffff14}.nav-island-get{color:#000;letter-spacing:-.01em;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .7s cubic-bezier(.32,.72,0,1);display:inline-flex}.nav-island-get:hover{background:#ffffffeb}.nav-island-get span{color:#fff;background:#000;border-radius:999px;place-items:center;width:32px;height:32px;transition:all .7s cubic-bezier(.32,.72,0,1);display:grid}.nav-island-get:hover span{transform:translate(2px,-1px)scale(1.04)}.nav-island-hamburger{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;place-items:center;width:40px;height:40px;display:none}.nav-island-hamburger i{width:16px;height:12px;display:block;position:relative}.nav-island-hamburger i:before,.nav-island-hamburger i:after{content:"";background:#000;border-radius:999px;height:2px;transition:all .7s cubic-bezier(.32,.72,0,1);position:absolute;left:0;right:0}.nav-island-hamburger i:before{top:2px}.nav-island-hamburger i:after{top:8px}.nav-island-hamburger.is-open i:before{top:5px;transform:rotate(45deg)}.nav-island-hamburger.is-open i:after{top:5px;transform:rotate(-45deg)}.nav-overlay{z-index:30;-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#000000d1;align-items:center;padding:24px;transition:all .7s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;inset:0}.nav-overlay.is-open{opacity:1;pointer-events:auto}.nav-overlay-inner{width:100%;max-width:520px}.nav-overlay-link{color:#fff;opacity:0;border-bottom:1px solid #ffffff1a;align-items:baseline;gap:18px;padding:20px 0;text-decoration:none;transition:all .7s cubic-bezier(.32,.72,0,1);display:flex;overflow:hidden;transform:translateY(18px)}.nav-overlay.is-open .nav-overlay-link{opacity:1;transform:translateY(0)}.nav-overlay-link span:first-child{font-family:var(--font-mono);letter-spacing:.18em;color:#ffffff6b;font-size:11px}.nav-overlay-link strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(32px,8vw,48px);font-weight:400;line-height:1}.nav-overlay-link em{color:#ffffff85;margin-left:auto;font-size:13px;font-style:normal;display:none}@media (width>=640px){.nav-overlay-link em{display:block}}@media (width<=1024px){.nav-island-links,.nav-island-cta{display:none}.nav-island-hamburger{display:grid}.nav-island-name{display:none}}.canvas-fixed{z-index:0;position:fixed;inset:0}.canvas-fixed canvas{display:block}.overlay{z-index:1;pointer-events:none;position:relative}.overlay a,.overlay .magnetic{pointer-events:auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);opacity:.95;font-size:.72rem;font-weight:700;display:inline-block}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;min-height:120vh;padding:7rem 2rem 2rem;display:flex}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:#7dd3fc;opacity:.9;font-size:.68rem}.hero-title{font-family:var(--font-display);letter-spacing:-.055em;color:#f8fafc;text-wrap:balance;margin:0;font-size:clamp(3.6rem,14vw,8rem);font-weight:700;line-height:.84}.hero-sub{max-width:520px;font-family:var(--font-sans);letter-spacing:-.015em;color:#e2e8f0;font-size:1.05rem;font-weight:400;line-height:1.6}.hero-desc{color:#64748b;max-width:420px;font-size:.82rem;line-height:1.6;font-family:var(--font-mono);letter-spacing:.02em}.hero-thread{align-items:center;gap:12px;margin-top:.2rem;display:flex}.hero-thread-line{background:linear-gradient(90deg,#0000,#f4f2ff52 28% 72%,#0000);width:48px;height:1px}.hero-thread-dot{background:#fff;border-radius:999px;width:6px;height:6px;animation:2.4s ease-in-out infinite thread-pulse;box-shadow:0 0 10px #ffffffe6,0 0 22px #9fb4ff8c}@keyframes thread-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.hero-thread-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:lowercase;color:#cbd5e1;font-size:.78rem;font-weight:600}.scroll-hint{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);margin-top:1.2rem;font-size:.82rem;animation:2.4s ease-in-out infinite bob}@keyframes bob{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.chapter{align-items:center;min-height:175vh;padding:10vh 8vw;display:flex}.chapter[data-dim=echo]{min-height:230vh}.chapter[data-dim=abyss]{min-height:195vh}.chapter-left{justify-content:flex-start}.chapter-right{justify-content:flex-end}.chapter-center{text-align:center;justify-content:center}.chapter-inner{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;background:0 0;border:none;max-width:520px;padding:0;transition:opacity .65s cubic-bezier(.32,.72,0,1),transform .65s cubic-bezier(.32,.72,0,1);transform:translateY(14px)}.chapter.in-view .chapter-inner{opacity:1;transform:translateY(0)}.chapter-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;color:var(--dim-color,#7dd3fc);opacity:.85;font-size:.66rem}.chapter.in-view .chapter-eyebrow{color:var(--dim-color,#7dd3fc)}.chapter h2{font-family:var(--font-display);letter-spacing:-.035em;color:#f8fafc;margin:.5rem 0 .65rem;font-size:clamp(2.1rem,5.2vw,3.3rem);font-weight:700;line-height:.94}.chapter[data-dim=paint] h2{font-family:var(--font-display);font-style:italic}.chapter[data-dim=ink] h2{font-family:var(--font-mono)}.chapter[data-dim=mirror] h2{font-family:var(--font-display);font-style:italic}.chapter[data-dim=debris] h2 .line:first-child{display:inline-block;transform:rotate(-1.15deg)translate(-2px)}.chapter[data-dim=debris] h2 .line:nth-child(2){display:inline-block;transform:rotate(.75deg)translate(4px)}.chapter[data-dim=fractal] h2{font-family:var(--font-display);letter-spacing:.02em;font-weight:700}.chapter p{color:#cbd5e1;letter-spacing:-.01em;margin:.6rem 0 0;font-size:1.08rem;font-weight:600;line-height:1.6}.cta{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#dc2626 0%,#38bdf8 100%);border-radius:999px;justify-content:center;align-items:center;margin-top:1.6rem;padding:14px 28px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .7s cubic-bezier(.32,.72,0,1);display:inline-flex;box-shadow:0 12px 32px #38bdf847}.cta:hover{transform:scale(1.03);box-shadow:0 16px 40px #38bdf861}.sprocket-rail{z-index:5;pointer-events:auto;flex-direction:column;gap:.8rem;display:flex;position:fixed;top:50%;right:1.6rem;transform:translateY(-50%)}.sprocket-hole{cursor:pointer;background:#ffffff1a;border:none;border-radius:2px;width:8px;height:12px;padding:0;transition:all .6s cubic-bezier(.32,.72,0,1);box-shadow:inset 0 0 0 1px #ffffff12}.sprocket-hole:hover{background:#ffffff38;transform:scaleY(1.15)}.sprocket-active{background:var(--dim-color,var(--accent));box-shadow:0 0 14px 2px color-mix(in srgb, var(--dim-color,var(--accent)) 68%, transparent);transform:scaleY(1.35)}@media (width<=720px){.sprocket-rail{gap:.55rem;right:.85rem}.sprocket-hole{width:6px;height:9px}}.title-word{will-change:opacity, transform, filter;display:inline-block}.dim-tracker{z-index:10;opacity:0;pointer-events:none;align-items:baseline;gap:.5rem;transition:opacity .6s cubic-bezier(.32,.72,0,1),transform .6s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:2rem;left:2rem;transform:translateY(8px)}.dim-tracker.visible{opacity:1;transform:translateY(0)}.dim-tracker-num{font-family:var(--font-display);color:var(--tracker-color,#7dd3fc);letter-spacing:-.04em;opacity:.35;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1}.dim-tracker-divider{background:var(--tracker-color,#7dd3fc);opacity:.25;border-radius:1px;width:2px;height:2rem}.dim-tracker-name{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--tracker-color,#7dd3fc);opacity:.7;font-size:.68rem;font-weight:700}.credits{text-align:center;min-height:130vh;color:var(--fg-faint);font-size:.84rem;font-family:var(--font-mono);letter-spacing:.02em;justify-content:center;align-items:center;padding:6vh 8vw 10vh;display:flex;position:relative}.loader{z-index:50;background:var(--bg);justify-content:center;align-items:center;transition:opacity .64s cubic-bezier(.32,.72,0,1),visibility .64s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;inset:0}.loader-inner{flex-direction:column;align-items:center;gap:.85rem;display:flex}.loader span:first-child{font-family:var(--font-display);letter-spacing:.52em;color:var(--fg-dim);font-size:1.45rem;animation:1.45s ease-in-out infinite pulse}.loader-percent{font-family:var(--font-mono);letter-spacing:.22em;color:var(--cyan);font-variant-numeric:tabular-nums;font-size:.78rem}.loader-hidden{opacity:0;visibility:hidden;pointer-events:none}@keyframes pulse{0%,to{opacity:.42}50%{opacity:1}}.cursor-dot,.cursor-ring{z-index:60;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:#fff;width:6px;height:6px;margin-top:-3px;margin-left:-3px}.cursor-ring{border:1px solid #ffffff6b;width:36px;height:36px;margin-top:-18px;margin-left:-18px;transition:width .28s cubic-bezier(.32,.72,0,1),height .28s cubic-bezier(.32,.72,0,1),margin .28s cubic-bezier(.32,.72,0,1),border-color .28s}.cursor-ring.cursor-active{border-color:#00f0ffe6;width:64px;height:64px;margin-top:-32px;margin-left:-32px;box-shadow:0 0 18px #00f0ff59}