@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&family=Cormorant+Garamond:ital,wght@1,300;1,400&family=Inter:wght@300;400;500&display=swap";:root{--bg:#05060a;--bg-2:#030308;--ink:#e8ecf1;--ink-dim:#8a94a6;--ink-faint:#49525f;--accent:#6ee7ff;--accent-2:#c0a9ff;--hair:#e8ecf124;--hair-soft:#e8ecf114;--font-grotesk:"Space Grotesk",system-ui,sans-serif;--font-serif:"Cormorant Garamond",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--ease-out:cubic-bezier(.16,1,.3,1);--pad:clamp(20px,4vw,56px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;cursor:none;font-weight:300;overflow-x:hidden}@media (hover:none){body{cursor:auto}}::selection{color:#fff;background:#6ee7ff38}a{color:inherit;text-decoration:none}.webgl{z-index:0;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.vignette--css{z-index:3;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 90% at 50% 45%,#0000 40%,#0000008c 100%);position:fixed;inset:0}.noise--css{z-index:2;pointer-events:none;opacity:.035;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.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(4,end) infinite grain;position:fixed;inset:-50%}@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%)}}.preloader{z-index:100;background:var(--bg);transition:opacity 1s var(--ease-out), visibility 1s;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}body[data-state=ready] .preloader{opacity:0;visibility:hidden}.preloader__inner{text-align:center;width:min(72vw,440px)}.preloader__brand{font-family:var(--font-grotesk);letter-spacing:.32em;text-indent:.32em;color:var(--ink);margin-bottom:26px;font-size:clamp(30px,6vw,44px);font-weight:700}.preloader__line{background:var(--hair);height:1px;position:relative;overflow:hidden}.preloader__line span{background:linear-gradient(90deg,transparent,var(--accent));width:0%;transition:width .3s var(--ease-out);position:absolute;top:0;bottom:0;left:0}.preloader__meta{letter-spacing:.18em;color:var(--ink-dim);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;margin-top:14px;font-size:11px;display:flex}.preloader__hint{color:var(--ink-faint);font-size:10px}.preloader__corner{border:1px solid var(--hair);width:22px;height:22px;position:absolute}.preloader__corner.tl{border-bottom:0;border-right:0;top:18px;left:18px}.preloader__corner.tr{border-bottom:0;border-left:0;top:18px;right:18px}.preloader__corner.bl{border-top:0;border-right:0;bottom:18px;left:18px}.preloader__corner.br{border-top:0;border-left:0;bottom:18px;right:18px}.cursor{z-index:90;pointer-events:none;mix-blend-mode:exclusion;position:fixed;top:0;left:0}@media (hover:none){.cursor{display:none}}.cursor__dot,.cursor__ring{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cursor__dot{background:#fff;width:6px;height:6px}.cursor__ring{width:34px;height:34px;transition:transform .35s var(--ease-out),opacity .3s,border-color .3s;border:1px solid #ffffff8c}.cursor__label{white-space:nowrap;letter-spacing:.22em;color:#fff;opacity:0;font-size:9px;transition:opacity .3s;position:absolute;top:24px;left:0;transform:translate(-50%)}.cursor.is-active .cursor__ring{border-color:#fff;transform:translate(-50%,-50%)scale(2.1)}.cursor.is-active .cursor__label{opacity:1}.cursor.is-down .cursor__ring{transform:translate(-50%,-50%)scale(1.3)}.ui{z-index:40;pointer-events:none;display:flex;position:fixed}.ui--top{padding:22px var(--pad);justify-content:space-between;align-items:flex-start;top:0;left:0;right:0}.ui--bottom{padding:22px var(--pad);justify-content:space-between;align-items:flex-end;bottom:0;left:0;right:0}.ui>*{pointer-events:auto}.brand{align-items:center;gap:12px;display:flex}.brand__mark{font-family:var(--font-grotesk);color:var(--accent);font-size:22px;font-weight:700;line-height:1}.brand__text{font-family:var(--font-grotesk);letter-spacing:.3em;font-size:12px;font-weight:500}.brand__sup{vertical-align:super;opacity:.6;font-size:8px}.top-right{align-items:center;gap:22px;display:flex}.chapter-index{font-family:var(--font-grotesk);letter-spacing:.2em;color:var(--ink-dim);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:12px;display:flex}.chapter-index__sep{opacity:.4}#chapterNow{color:var(--ink);text-align:right;min-width:2ch}.audio-toggle{cursor:none;background:0 0;border:0;align-items:flex-end;gap:3px;height:22px;padding:2px 4px;display:flex}@media (hover:none){.audio-toggle{cursor:pointer}}.audio-toggle__bar{background:var(--ink-dim);width:2px;height:5px;transition:height .3s,background .3s}.audio-toggle[aria-pressed=true] .audio-toggle__bar{background:var(--accent)}.audio-toggle[aria-pressed=true] .audio-toggle__bar:first-child{animation:.9s ease-in-out infinite eq}.audio-toggle[aria-pressed=true] .audio-toggle__bar:nth-child(2){animation:.9s ease-in-out .12s infinite eq}.audio-toggle[aria-pressed=true] .audio-toggle__bar:nth-child(3){animation:.9s ease-in-out .24s infinite eq}.audio-toggle[aria-pressed=true] .audio-toggle__bar:nth-child(4){animation:.9s ease-in-out .36s infinite eq}@keyframes eq{0%,to{height:6px}50%{height:18px}}.scroll-hint{flex-direction:column;align-items:flex-start;gap:10px;transition:opacity .6s;display:flex}.scroll-hint__text{letter-spacing:.3em;color:var(--ink-dim);font-size:9px}.scroll-hint__track{background:var(--hair);width:1px;height:56px;position:relative;overflow:hidden}.scroll-hint__thumb{background:var(--accent);width:1px;height:40%;animation:scrollThumb 2.2s var(--ease-out) infinite;position:absolute;top:-40%;left:0}@keyframes scrollThumb{0%{top:-40%}70%,to{top:110%}}.coords{letter-spacing:.16em;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:10px}.progress-hairline{z-index:41;background:var(--hair-soft);height:1px;position:fixed;bottom:0;left:0;right:0}.progress-hairline span{background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0%;height:100%;display:block}.content{z-index:10;pointer-events:none;position:relative}.panel{min-height:100vh;padding:0 var(--pad);pointer-events:none;align-items:center;display:flex}.panel--hero{text-align:center;justify-content:center;min-height:100vh}.panel--end{padding-bottom:18vh}.hero{flex-direction:column;align-items:center;gap:18px;width:100%;padding-top:8vh;display:flex}.hero__eyebrow{letter-spacing:.5em;color:var(--ink-dim);text-indent:.5em;font-size:10px}.hero__title{font-family:var(--font-grotesk);letter-spacing:.04em;mix-blend-mode:screen;margin:8px 0 4px;font-size:clamp(64px,17vw,220px);font-weight:700;line-height:.9;display:flex}.hero__char{color:var(--ink);text-shadow:0 0 60px #6ee7ff59,0 2px 30px #020614d9,0 0 140px #04081a99;display:inline-block}.hero__sub{font-family:var(--font-serif);color:#cfe6ff;text-shadow:0 1px 18px #020614cc,0 0 60px #040a1e80;font-size:clamp(18px,3.4vw,30px);font-style:italic;font-weight:300}.hero__cta{max-width:52ch;color:var(--ink-dim);letter-spacing:.04em;text-shadow:0 1px 12px #020614d9;margin-top:10px;font-size:12px;line-height:1.9}.hero__cta em{font-family:var(--font-serif);color:var(--ink);font-style:italic}.block{flex-direction:column;gap:20px;max-width:min(86vw,560px);display:flex}.block--left{text-align:left;align-items:flex-start;margin-right:auto}.block--right{text-align:right;align-items:flex-end;margin-left:auto}.block--center{text-align:center;align-items:center;max-width:min(92vw,760px);margin-left:auto;margin-right:auto}.block__num{font-family:var(--font-grotesk);color:#0000;-webkit-text-stroke:1px var(--hair);letter-spacing:-.02em;font-size:clamp(70px,16vw,180px);font-weight:700;line-height:.8}.block__word{font-family:var(--font-grotesk);font-size:clamp(40px,8.4vw,96px);font-weight:500;line-height:1}.block__word em{font-family:var(--font-serif);background:linear-gradient(120deg,#fff,var(--accent) 60%,var(--accent-2));color:#0000;background-clip:text;font-style:italic;font-weight:300}.block__line{color:var(--ink-dim);letter-spacing:.03em;max-width:44ch;font-size:clamp(13px,1.35vw,15px);line-height:2}.block__line em{font-family:var(--font-serif);color:var(--ink);font-style:italic}.restart{border:1px solid var(--hair);color:var(--ink);font-family:var(--font-grotesk);letter-spacing:.3em;cursor:none;pointer-events:auto;background:0 0;margin-top:14px;padding:16px 30px;font-size:11px;transition:border-color .4s,background .4s,color .4s}@media (hover:none){.restart{cursor:pointer}}.restart:hover{border-color:var(--accent);color:#fff;background:#6ee7ff0f}.footer{letter-spacing:.24em;color:var(--ink-faint);text-align:center;flex-direction:column;gap:8px;margin-top:60px;font-size:9px;display:flex}.reveal{opacity:0;will-change:transform,opacity;transform:translateY(46px)}.brand,.audio-toggle,.restart{pointer-events:auto;cursor:none}@media (hover:none){.brand,.audio-toggle,.restart{cursor:pointer}}body[data-state=ready] .scroll-hint{opacity:1}@media (width<=640px){.ui--top,.ui--bottom{padding:16px 20px}.coords{display:none}.hero__cta{font-size:11px}}@media (prefers-reduced-motion:reduce){.noise--css,.scroll-hint__thumb,.audio-toggle__bar{animation:none!important}}