@font-face{font-family:Endless;src:url(../fonts/Endless.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMono.woff2) format("woff2");font-weight:100 800;font-display:swap}:root{--bg: #0B0C0A;--panel: #121410;--line: #2A2D27;--line-2: #3C4038;--ink: #E6E4DC;--ink-2: #9BA096;--acc: #B0FF00;--acc-ink: #0B0C0A;--sans: "Endless", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--gutter: clamp(16px, 4vw, 48px);--step: steps(6, end);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M0 .5h64M.5 0v64' stroke='%23E6E4DC' stroke-opacity='.05'/%3E%3Cpath d='M0 .5h5M59 .5h5M.5 0v5M.5 59v5' stroke='%23E6E4DC' stroke-opacity='.28'/%3E%3C/svg%3E");background-size:64px 64px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:.45;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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0}h1,h2,h3,h4{font-weight:400;text-wrap:balance}ul,ol{padding:0;list-style:none}a{color:var(--acc)}a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}mark{background:none;color:var(--acc)}em{font-style:normal;color:var(--acc)}svg{display:block}.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}.acc{color:var(--acc)}.display{text-transform:uppercase;font-size:clamp(34px,6.2vw,84px);line-height:.96;letter-spacing:-.02em}.display-sm{text-transform:uppercase;font-size:clamp(26px,3.6vw,44px);line-height:1;letter-spacing:-.01em}.readout{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-variant-numeric:tabular-nums}.btn{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--acc);color:var(--acc-ink);padding:12px 18px;text-decoration:none;border:1px solid var(--acc);cursor:pointer;white-space:nowrap}.btn-ghost{background:#0b0c0a59;color:var(--ink);border-color:var(--line-2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.btn-sm{padding:8px 12px;font-size:11px}.btn:active{transform:translateY(1px)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding-inline:var(--gutter);background:#0b0c0ae6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--acc);transform:scaleX(0);transform-origin:left}.nav-brand{color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:15px;letter-spacing:.04em}.nav nav{position:relative}.nav ul{display:flex;gap:4px}.nav li a{display:block;white-space:nowrap;padding:8px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;border:1px solid transparent}.nav li a:hover{color:var(--ink)}.nav li a[aria-current]{color:var(--acc);border-color:var(--acc)}.nav-toggle{position:relative}.uplinks{display:flex;gap:8px}.uplinks-nav{margin-left:auto}.uplinks-hero{display:none;margin-top:16px}.uplink{position:relative;display:flex;align-items:center;height:34px;padding-inline:8px;font-family:var(--mono);text-decoration:none;color:var(--acc);border:1px solid var(--line-2);transition-property:border-color,background-color;transition-duration:.15s;transition-timing-function:var(--step)}.uplink:before,.uplink:after,.uplink .hud-corner:before,.uplink .hud-corner:after{content:"";position:absolute;width:6px;height:6px;border:0 solid var(--ink-2)}.uplink:before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.uplink:after{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.uplink .hud-corner:before{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.uplink .hud-corner:after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.uplink-glyph{font-size:13px;font-weight:700;padding:1px 3px}.uplink-label{font-size:10px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;max-width:0;opacity:0;transition:max-width .2s var(--step),opacity .15s var(--step),padding-left .2s var(--step)}.uplink:hover,.uplink:focus-visible{border-color:var(--acc);background:#b0ff000f}.uplink:hover:before,.uplink:hover:after,.uplink:hover .hud-corner:before,.uplink:hover .hud-corner:after,.uplink:focus-visible:before,.uplink:focus-visible:after,.uplink:focus-visible .hud-corner:before,.uplink:focus-visible .hud-corner:after{border-color:var(--acc)}.uplink:hover .uplink-glyph,.uplink:focus-visible .uplink-glyph{animation:stamp .2s steps(3) both}.uplink:hover .uplink-label,.uplink:focus-visible .uplink-label{max-width:90px;opacity:1;padding-left:8px}.uplink:active{transform:translateY(1px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toggle-sm{padding:7px 10px;font-size:10px;white-space:nowrap}.toggle-short{display:none}.skip{position:absolute;left:var(--gutter);top:-100px;padding:8px 12px;background:var(--acc);color:var(--acc-ink);font-family:var(--mono);font-size:12px}.skip:focus{top:8px;z-index:60}.hero{min-height:calc(100dvh - 56px);display:grid;align-items:center;padding-block:48px 0}.hero-grid{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter);width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;align-self:stretch}.hero-name{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:12px}.hero-cta{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.ascii{margin:0;font-family:var(--mono);color:var(--ink-2);line-height:1.05;-webkit-user-select:none;user-select:none;pointer-events:none}.ascii-sphere{font-size:clamp(4px,.72vw,9.5px);color:var(--acc);opacity:.8}.ascii-portrait{font-size:min(calc((100dvh - 104px) / 118.5),.58vw);line-height:1.02;color:var(--acc);justify-self:end;align-self:end;margin-right:calc(-1 * var(--gutter))}.motion-note{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;text-transform:none;letter-spacing:.04em}.ascii-noise{position:absolute;top:0;right:0;bottom:0;left:0;font-size:14px;line-height:1.4;color:var(--ink);opacity:.06;overflow:hidden}.position{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:96px 0;background:#12141073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.position .wrap{position:relative}.position .display-sm{margin:8px 0 40px}.prose{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);margin-inline:calc(-1 * var(--gutter));font-size:clamp(16px,1.25vw,19px);line-height:1.5}.prose p{background:#1214108c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:28px var(--gutter);max-width:none;grid-column:1 / -1}.prose p:nth-child(2),.prose p:nth-child(5){grid-column:span 7}.prose p:nth-child(3),.prose p:nth-child(4){grid-column:span 5}.prose p.lede{grid-column:1 / -1;font-size:clamp(22px,2.6vw,40px);line-height:1.15;letter-spacing:-.01em;text-transform:uppercase;padding-block:40px}.prose p:last-child{grid-column:1 / -1}.prose mark{position:relative}.section-head{padding-block:72px 24px}.section-head .display-sm{margin-top:8px}.module{position:relative;border-top:1px solid var(--line);background:linear-gradient(180deg,#121410b3,#0b0c0af2);min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"bar bar" "head head" "body panels";gap:0 1px;overflow:hidden}.module:last-child{border-bottom:1px solid var(--line)}.module:nth-of-type(2n){grid-template-areas:"bar bar" "head head" "panels body"}.module:nth-of-type(2n) .module-head,.module:nth-of-type(2n) .module-body{text-align:right}.module:nth-of-type(2n) .module-body-in{margin-left:auto}.module:before{content:attr(data-n);position:absolute;top:-.08em;right:-.06em;z-index:-1;font-size:clamp(180px,42vw,640px);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px var(--line-2);pointer-events:none}.module:nth-of-type(2n):before{right:auto;left:-.06em}.module{isolation:isolate}.module>*{position:relative}.module-bar{grid-area:bar;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;padding:10px var(--gutter);border-bottom:1px solid var(--line)}.module-bar .acc:before{content:"[ "}.module-bar .acc:after{content:" ]"}.module-head{grid-area:head;padding:clamp(40px,8vh,96px) var(--gutter) 32px}.module-head .display{font-size:clamp(38px,7.6vw,118px);max-width:14ch}.word{display:inline-block}.module:nth-of-type(2n) .module-head .display{margin-left:auto}.module-body{grid-area:body;padding:32px var(--gutter) 48px;border-top:1px solid var(--line);font-size:clamp(16px,1.3vw,19px)}.module-body-in{display:block;max-width:60ch}.module-panels{grid-area:panels;display:grid;align-content:start;gap:24px;padding:32px var(--gutter) 48px;border-top:1px solid var(--line);background:#0b0c0a80}.hud{position:relative;border:1px solid var(--line);background:#0b0c0a99;padding:22px 18px 18px}.hud-corner{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-corner:before,.hud-corner:after,.hud:before,.hud:after{content:"";position:absolute;width:12px;height:12px;border:0 solid var(--ink-2)}.hud:before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.hud:after{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.hud-corner:before{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.hud-corner:after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.hud-tag{position:absolute;top:-8px;left:14px;padding:0 6px;background:var(--bg);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.hud ul{display:grid;gap:12px}.hud li{display:grid;grid-template-columns:40px 1fr;gap:12px;font-size:15px;line-height:1.45}.hud-code{font-family:var(--mono);font-size:11px;color:var(--ink-2);padding-top:3px}.hud-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}.hud-active{border-color:var(--acc)}.hud-active:before,.hud-active:after,.hud-active .hud-corner:before,.hud-active .hud-corner:after{border-color:var(--acc)}.hud-active .hud-tag,.hud-active .hud-code{color:var(--acc)}.hud-warn{border-style:dashed}.toggle{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid var(--line-2);padding:10px 14px;cursor:pointer}.toggle i{width:28px;height:14px;border:1px solid var(--ink-2);position:relative}.toggle i:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;background:var(--ink-2)}.toggle[aria-pressed=true]{border-color:var(--acc);color:var(--acc)}.toggle[aria-pressed=true] i{border-color:var(--acc)}.toggle[aria-pressed=true] i:after{left:16px;background:var(--acc)}.ann{display:none}.display,.log-field,.prose{position:relative}body[data-reveal] .ann{display:block;position:absolute;z-index:30;right:0;top:100%;max-width:260px;margin-top:6px;padding:6px 8px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--acc-ink);background:var(--acc);animation:snap .25s var(--step)}body[data-reveal] .hud .ann{top:auto;bottom:100%;margin:0 0 6px;right:10px}body[data-reveal] .footer .ann{top:auto;bottom:100%;right:var(--gutter)}body[data-reveal] .nav-toggle .ann{right:0}body[data-reveal] .nav nav .ann{left:0;right:auto;max-width:200px}body[data-reveal] .prose .ann{top:-32px;right:auto;left:0}body[data-reveal] .module-head .ann,body[data-reveal] .module-bar .ann{top:100%;left:var(--gutter);right:auto;margin-top:-8px}body[data-reveal] .display .ann{top:auto;bottom:100%;right:-10px;left:auto;margin:0 0 10px;font-size:10px;letter-spacing:.04em;text-transform:none}body[data-reveal] .log-principle .ann{right:12px;top:auto;bottom:100%;margin-bottom:-10px}body[data-reveal] :has(>.ann){outline:1px dashed var(--acc);outline-offset:6px}body[data-reveal] .display:has(>.ann){outline-offset:10px}body[data-reveal] main>*:not(:has(.ann)){opacity:.5}body[data-reveal] .module,body[data-reveal] .log{border-color:var(--line-2)}.hazard{height:12px;border-block:1px solid var(--line);background:repeating-linear-gradient(135deg,var(--acc) 0 14px,transparent 14px 28px);background-size:40px 100%}.logs{display:grid;grid-auto-flow:column;grid-auto-columns:min(82vw,960px);gap:1px;background:var(--line);border-block:1px solid var(--line);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);margin-bottom:96px;scrollbar-color:var(--acc) var(--bg);scrollbar-width:auto}.logs::-webkit-scrollbar{height:18px}.logs::-webkit-scrollbar-track{background:var(--bg);border-top:1px solid var(--line)}.logs::-webkit-scrollbar-thumb{background:var(--acc);border:4px solid var(--bg)}.logs::-webkit-scrollbar-thumb:hover{border-width:2px}.logs:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}.log{scroll-snap-align:start;background:var(--panel)}.log-bar{display:flex;gap:20px;padding:10px 20px;border-bottom:1px solid var(--line)}.log .display-sm{padding:28px 20px 8px}.log-fields{display:grid;grid-template-columns:repeat(2,1fr)}.log-field{padding:20px;border-top:1px solid var(--line)}.log-field:nth-child(odd){border-right:1px solid var(--line)}.log-consequence{grid-column:1 / -1;border-right:0!important}.log-principle{border-left:2px solid var(--acc)}.log-field dt{margin-bottom:8px}.log-field dd{font-size:15px;line-height:1.5;max-width:62ch}.footer{position:relative;background:#0b0c0a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-wrap:wrap;gap:8px 32px;padding:24px var(--gutter);border-top:1px solid var(--line)}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}@keyframes snap{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@keyframes settle{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scan{0%{top:-2px}to{top:100%}}@keyframes flicker{0%,to{opacity:1}20%{opacity:.15}40%{opacity:1}60%{opacity:.4}}@keyframes stamp{0%{color:var(--ink);background:var(--acc)}to{color:var(--acc);background:none}}@keyframes numeral{to{transform:none;opacity:1}}@keyframes drift{0%{translate:0 12vh}to{translate:0 -12vh}}@keyframes bracket{0%{width:0;height:0}to{width:12px;height:12px}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes crawl{to{background-position:40px 0}}@keyframes glyph{0%{opacity:0}50%{opacity:1;color:var(--acc)}to{opacity:1;color:inherit}}@media(prefers-reduced-motion:no-preference){.hero h1{opacity:.2;animation:settle .3s var(--step) forwards;animation-delay:.2s}.hero-name,.hero-cta{opacity:0;animation:snap .3s var(--step) forwards;animation-delay:.15s}.hero-cta{animation-delay:.4s}.uplinks-hero{opacity:0;animation:snap .3s var(--step) forwards;animation-delay:.55s}.reveal .hud,.reveal .module-head,.reveal .module-body,.reveal .log-fields,.reveal .prose{opacity:0;transform:translateY(16px)}.reveal.in .hud,.reveal.in .module-head,.reveal.in .module-body,.reveal.in .log-fields,.reveal.in .prose{opacity:1;transform:none;transition:opacity .3s var(--step),transform .3s var(--step)}.reveal.in .hud-warn{transition-delay:.12s}.reveal.in .module-body,.reveal.in .log-fields{transition-delay:.08s}.hero h1{animation:settle .3s var(--step) forwards,flicker .4s steps(1) .55s}.reveal.in mark{animation:stamp .2s steps(3) both;animation-delay:calc(.35s + var(--i, 0) * .12s)}.module:before{transform:translate(30%);opacity:0}.module.in:before{animation:numeral .4s var(--step) forwards}.module:nth-of-type(2n):before{transform:translate(-30%)}.reveal.in .hud:before,.reveal.in .hud:after,.reveal.in .hud-corner:before,.reveal.in .hud-corner:after{animation:bracket .3s steps(4) .2s both}@supports (animation-timeline: scroll()){.nav:after{animation:grow linear both;animation-timeline:scroll(root)}.module.in:before{animation:numeral .4s var(--step) forwards,drift linear both;animation-timeline:auto,view()}}.hazard{animation:crawl 1.2s steps(8) infinite}.reveal .ch{opacity:0}.reveal.in .ch{animation:glyph .24s steps(2) both;animation-delay:calc(var(--i) * 18ms)}.module.in:after,.log.in:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent);animation:scan .7s steps(28,end) forwards;pointer-events:none}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.ascii-sphere{font-size:clamp(3.2px,1.1vw,7px)}.ascii-portrait{justify-self:start;font-size:min(calc(60dvh / 118.5),.8vw)}.module{grid-template-columns:1fr;grid-template-areas:"bar" "head" "body" "panels"}.module:nth-of-type(2n){grid-template-areas:"bar" "head" "body" "panels"}.module:nth-of-type(2n) .module-head,.module:nth-of-type(2n) .module-body{text-align:left}.module:nth-of-type(2n) .module-body-in,.module:nth-of-type(2n) .module-head .display{margin-left:0}.module:before{font-size:46vw}.prose{grid-template-columns:1fr}.prose p{grid-column:1 / -1!important}.logs{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;padding-inline:0;margin-inline:var(--gutter)}.log-fields{grid-template-columns:1fr}.log-field:nth-child(odd){border-right:0}}@media(max-width:600px){.nav-brand{display:none}.nav{justify-content:flex-start;gap:4px}.nav li a{padding:8px 4px}.toggle-sm i,.uplinks-nav{display:none}.nav-toggle{margin-left:auto}.uplinks-hero{display:flex}.uplink{height:40px;padding-inline:12px}.uplink-label{max-width:none;opacity:1;padding-left:8px}.nav .toggle-long{display:none}.nav .toggle-short{display:inline}.module{min-height:0}.module-head{padding-top:28px}.display{font-size:clamp(30px,9.5vw,44px)}.position{padding-block:64px}}
