@font-face{font-family:Melodrama;src:url(/fonts/Melodrama-Variable.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--font-sans:"Melodrama", "Iowan Old Style", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#050505;--text:#eaeaea;--text-2:#a3a3a8;--deco:#34343b;--rule:#1d1d22;--fs-title:min(clamp(2.25rem, 4.4vw, 4.75rem), 10svh);--fs-statement:min(clamp(1.875rem, 3.8vw, 4.5rem), 8.5svh);--fs-principle:min(clamp(2.375rem, 5.4vw, 6.5rem), 11.5svh);--fs-lead:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--fs-body:clamp(1.1875rem, 1.1rem + .35vw, 1.4375rem);--w-small:500;--fs-meta:.75rem;--gutter:max(1rem, env(safe-area-inset-left), min(6vw, 5.5rem));--measure:60ch;--fig-h:84svh;--fig-w:calc(var(--fig-h) * .75);--fig-top:calc(50svh - var(--fig-h) * .5);--fig-right:max(var(--gutter), 5vw)}@media (width>=768px) and (width<=1100px){:root{--fig-right:-5vw}}@media (width<=767px){:root{--fig-h:58svh;--fig-top:5svh;--fig-right:calc(50vw - var(--fig-w) / 2)}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:100%}body{background:var(--bg);min-height:100svh;margin:0;overflow-x:clip}h1,h2,h3,p,ul{font-weight:inherit;font-size:inherit;margin:0;padding:0}ul{list-style:none}a{color:inherit}:focus-visible{outline:1px solid var(--text);outline-offset:6px}.brand{font-family:var(--font-sans);text-transform:lowercase;letter-spacing:0;white-space:nowrap}.meta .brand{font-size:1.35em;font-weight:400}.meta{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.skip{z-index:10;top:1rem;left:var(--gutter);background:var(--bg);border:1px solid var(--deco);padding:.6rem .9rem;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip:focus-visible{transform:none}.page{z-index:1;position:relative}.field{z-index:0;pointer-events:none;user-select:none;height:100svh;position:absolute;inset:0 0 auto;overflow:hidden}.field__haze{background:radial-gradient(40% 36% at 68% 42%,#262a4257,#0000 70%),radial-gradient(34% 30% at 24% 78%,#281e3833,#0000 70%),radial-gradient(60% 50%,#0e0f1699,#0000 80%);animation:18s ease-in-out infinite alternate haze-drift;position:absolute;inset:-20%}.field{--atmo:1;--coords:.5;--ring:0}.field__haze{opacity:var(--atmo)}.field__ring{aspect-ratio:1;filter:blur(6px);width:150vmax;opacity:var(--ring);background:radial-gradient(closest-side,#0000 93%,#6078be57 97.2%,#8ca5e61f 98.6%,#0000 100%);border-radius:50%;position:absolute;top:100%;left:50%;translate:-50% -9%}.coords,.relations{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.coords{fill:none;stroke:var(--deco);stroke-width:.4px;vector-effect:non-scaling-stroke;opacity:var(--coords)}.coords circle,.coords line{vector-effect:non-scaling-stroke;stroke-width:1px}.relations{fill:none;stroke:#eaeaea47}.relation{opacity:0;vector-effect:non-scaling-stroke;stroke-width:.75px}.relation--point{fill:var(--text);stroke:none;filter:drop-shadow(0 0 3px #eaeaeae6)}.field__grain{opacity:.045;mix-blend-mode:screen;background-image:url(/grain.png);background-size:192px 192px;position:absolute;inset:0}.figure-box{top:var(--fig-top);right:var(--fig-right);width:var(--fig-w);height:var(--fig-h);position:absolute}.figure-float{will-change:transform;animation:14s ease-in-out infinite figure-float;position:absolute;inset:0}.figure-static,.figure-canvas{width:100%;height:100%;position:absolute;inset:0}.figure-static{object-fit:contain;transition:opacity .7s}.figure-canvas{opacity:0;transition:opacity .7s}.field.has-canvas .figure-canvas{opacity:1}.field.has-canvas .figure-static{opacity:0}@keyframes figure-float{0%,to{transform:translate(0,0)rotate(0)}25%{transform:translate(.25vw,-1.1svh)rotate(.35deg)}50%{transform:translateY(-1.8svh)rotate(0)}75%{transform:translate(-.25vw,-.9svh)rotate(-.35deg)}}@keyframes haze-drift{0%{transform:translate(-1.5%)scale(1)}to{transform:translate(1.5%,-1%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.field__haze,.figure-float{animation:none}}.reduce-motion .field__haze,.reduce-motion .figure-float{animation:none}.is-hidden .field__haze,.is-hidden .figure-float{animation-play-state:paused}.stage{padding:0 var(--gutter)}.chapter--intro .stage{align-items:center;min-height:100svh;display:grid}.intro__title{font-size:var(--fs-title);font-weight:400;line-height:1}.intro__line{font-weight:var(--w-small);letter-spacing:.01em;max-width:min(34ch,100%);font-size:var(--fs-lead);color:var(--text-2);margin-top:1.25rem;line-height:1.45}.chapter:not(.chapter--intro) .stage__text{gap:24svh;padding-block:20svh;display:grid}.scene{font-size:var(--fs-statement);gap:.45em;display:grid}.statement{max-width:18ch;font-size:var(--fs-statement);letter-spacing:-.005em;text-wrap:balance;font-weight:450;line-height:1.12}.statement .em{font-weight:650}.beat--lines .beat__line{display:block}.principle{max-width:14ch;font-size:var(--fs-principle);letter-spacing:-.01em;text-wrap:balance;font-weight:550;line-height:1.08}.guide{display:none}.ending{padding:18svh var(--gutter) 10svh;gap:18svh;display:grid}.definition{outline:none}.definition__text{letter-spacing:-.005em;text-wrap:pretty;max-width:32ch;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);font-weight:400;line-height:1.25}.systems__list{border-bottom:1px solid var(--rule)}.system{border-top:1px solid var(--rule);gap:.5rem 3rem;padding:2.25rem 0;display:grid}.system__name{letter-spacing:-.005em;font-size:clamp(1.375rem,1.1rem + 1vw,2rem);font-weight:500}.system__desc{max-width:var(--measure);font-size:var(--fs-body);font-weight:var(--w-small);letter-spacing:.01em;color:var(--text-2);line-height:1.5}@media (width>=900px){.system{grid-template-columns:minmax(16rem,1fr) 1.4fr;align-items:baseline}}.future{gap:.35em;display:grid}.future__line{letter-spacing:-.005em;max-width:20ch;font-size:clamp(1.75rem,1.2rem + 2.4vw,3.75rem);font-weight:450;line-height:1.08}.closing{align-content:center;gap:2.5rem;min-height:70svh;display:grid}.closing__lines{font-size:var(--fs-statement);letter-spacing:-.005em;font-weight:450;line-height:1.06}.closing__line{display:block}.closing__coda{font-size:var(--fs-lead);font-weight:var(--w-small);letter-spacing:.01em;color:var(--text-2)}.footer{z-index:1;padding:2rem var(--gutter) max(2rem, env(safe-area-inset-bottom));border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;display:flex;position:relative}.footer__link{font-size:var(--fs-body);font-weight:var(--w-small);text-decoration:underline;text-decoration-color:var(--deco);text-underline-offset:.3em;text-decoration-thickness:1px;transition:text-decoration-color .2s}.footer__link:hover,.footer__link:focus-visible{text-decoration-color:currentColor}@media (width<=767px){.chapter--intro .stage{align-items:center;padding-top:52svh}}.cinematic .field{height:100svh;position:fixed;inset:0}.cinematic .chapter[data-pin]{height:calc(var(--span) * 1svh)}.cinematic .chapter[data-pin] .stage{align-items:center;height:100svh;padding-block:0;display:grid;position:sticky;top:0;overflow:clip}.cinematic .chapter[data-pin] .stage__text{gap:0;padding:0;display:grid}.cinematic .chapter[data-pin] .scene{display:contents}.cinematic .chapter[data-pin] .beat{opacity:0;will-change:opacity, transform;grid-area:1/1;align-self:center}.cinematic .chapter[data-pin] [data-enter=visible]{opacity:1}.cinematic .chapter[data-pin] .beat:not(.beat--lines,[data-enter]),.cinematic .chapter[data-pin] .beat__line{--edge:calc(var(--reveal,1) * 135% - 35%);-webkit-mask-image:linear-gradient(100deg, #000 var(--edge), transparent calc(var(--edge) + 35%));mask-image:linear-gradient(100deg, #000 var(--edge), transparent calc(var(--edge) + 35%));margin-block:-.2em -.35em;padding-block:.2em .35em}.cinematic [data-chapter=agency] .stage{text-align:center;justify-items:center}.cinematic [data-chapter=agency] .principle{justify-self:center}.cinematic .guide{display:block}.rail{z-index:2;right:max(14px, calc(var(--gutter) * .45));background:var(--rule);width:1px;height:26svh;opacity:calc(.35 + .65 * var(--guide-on,1));transition:opacity .7s;position:fixed;top:50%;translate:0 -50%}.rail__fill{transform-origin:top;height:100%;transform:scaleY(var(--progress,0));background:linear-gradient(#eaeaea33,#eaeaeabf);position:absolute;inset:0 0 auto}.rail__dot{background:var(--bg);border:1px solid var(--deco);border-radius:50%;width:5px;height:5px;transition:background .5s,border-color .5s,box-shadow .5s;position:absolute;left:50%;translate:-50% -50%}.rail__dot.is-reached{background:var(--text);border-color:var(--text)}.rail__dot.is-current{box-shadow:0 0 0 3px #eaeaea1f,0 0 10px #eaeaea80}.scroll-cue{z-index:2;left:50%;bottom:max(3.5svh, env(safe-area-inset-bottom));opacity:0;flex-direction:column;align-items:center;gap:.7rem;transition:opacity .9s;display:flex;position:fixed;translate:-50%}.cinematic.cue-visible .scroll-cue{opacity:.8}.cinematic.is-scrolling .scroll-cue{opacity:0;transition-duration:.3s}.scroll-cue__label{letter-spacing:.22em;font-size:.6875rem}.scroll-cue__line{background:var(--rule);width:1px;height:38px;position:relative;overflow:hidden}.scroll-cue__line:after{content:"";background:linear-gradient(to bottom, transparent, var(--text));width:1px;height:40%;animation:2.4s cubic-bezier(.65,0,.35,1) infinite cue-run;position:absolute;top:0;left:0}@keyframes cue-run{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.reduce-motion .scroll-cue__line:after,.is-hidden .scroll-cue__line:after{animation:none;transform:none}@media (height<=600px){.scroll-cue{display:none}}@media (width<=767px){.cinematic .chapter[data-pin] .stage{padding-top:52svh}.cinematic .chapter[data-pin] .stage:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000,#050505d1 45%);position:absolute;inset:45% 0 0}.cinematic .chapter[data-chapter=agency] .stage{padding-top:0}.cinematic .chapter[data-chapter=agency] .stage:before{display:none}}