:root{--blue-900: #07182f;--blue-800: #0b2545;--blue-700: #103157;--blue-500: #1d4e89;--line: rgba(190, 218, 255, .085);--line-strong: rgba(198, 224, 255, .17);--chalk: #eaf2ff;--chalk-dim: rgba(234, 242, 255, .62);--paper: #fbfaf7;--ink: #12161c;--ink-soft: #4a525e;--ink-faint: #8a939f;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--tech: "Barlow Semi Condensed", "Inter", ui-sans-serif, system-ui, sans-serif;--sheet-w: min(1060px, 86vw);--perf-pitch: 22px;--perf-inset: 16px;--perf-r: 5.4px;--gutter: clamp(20px, 5vw, 84px)}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background-color:var(--blue-800);color:var(--chalk);font-family:var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-y:none}.ground{position:fixed;inset:0;z-index:-2;background-color:var(--blue-800);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(var(--line-strong) 1px,transparent 1px),linear-gradient(90deg,var(--line-strong) 1px,transparent 1px),radial-gradient(ellipse at 50% 20%,var(--blue-700) 0%,var(--blue-800) 45%,var(--blue-900) 100%);background-size:34px 34px,34px 34px,170px 170px,170px 170px,100% 100%}.ground:after{content:"";position:absolute;inset:0;background-image:url(../art/blueprint-tile.webp);background-size:620px;opacity:.35;mix-blend-mode:soft-light;pointer-events:none}.scene{position:relative}.stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}.sheet-holder{display:flex;justify-content:center;padding:clamp(36px,7vh,96px) 0}.sheet{position:relative;width:var(--sheet-w);margin-inline:auto;box-shadow:0 24px 46px -8px #020a18a8,0 3px 10px #020a1866}.sheet-body{position:relative;background:var(--paper);color:var(--ink);box-shadow:0 1px #ffffff80 inset}.sheet-body:before{content:"";position:absolute;inset:0;background-image:url(../art/paper-tile.webp);background-size:400px;opacity:.5;mix-blend-mode:multiply;pointer-events:none}@supports (mask-composite: intersect){.sheet-body{--hole: radial-gradient(circle 5.4px at var(--hx) calc(var(--perf-pitch) / 2), transparent 0 5.4px, #000 6.1px);mask-image:var(--hole),var(--hole);mask-size:100% var(--perf-pitch);mask-repeat:repeat-y;mask-position:0 var(--perf-offset, 0px);mask-composite:intersect}.sheet-body{--hx: var(--perf-inset)}.sheet-body{mask-image:radial-gradient(circle var(--perf-r) at var(--perf-inset) calc(var(--perf-pitch) / 2),transparent 0 var(--perf-r),#000 calc(var(--perf-r) + .7px)),radial-gradient(circle var(--perf-r) at calc(100% - var(--perf-inset)) calc(var(--perf-pitch) / 2),transparent 0 var(--perf-r),#000 calc(var(--perf-r) + .7px))}}.sheet-body:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(var(--perf-inset) * 2 - 1px),rgba(18,22,28,.13) calc(var(--perf-inset) * 2 - 1px),rgba(18,22,28,.13) calc(var(--perf-inset) * 2),transparent calc(var(--perf-inset) * 2)),linear-gradient(to left,transparent calc(var(--perf-inset) * 2 - 1px),rgba(18,22,28,.13) calc(var(--perf-inset) * 2 - 1px),rgba(18,22,28,.13) calc(var(--perf-inset) * 2),transparent calc(var(--perf-inset) * 2))}.sheet.is-fed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(to bottom,#0b254500,#0b254547);pointer-events:none}.open-stage{position:relative;width:100%;height:100%;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;padding:max(7vh,48px) 0 max(13vh,90px)}.open-art{grid-row:2;display:grid;place-items:center;opacity:.8}.open-art .sketch{height:min(40vh,340px);width:auto;max-width:92vw}.open-title{grid-row:1;align-self:center;position:relative;text-align:center;padding:0 var(--gutter);max-width:min(64ch,92vw)}.open-title h1{font-size:clamp(2.3rem,5.6vw,4.9rem);font-weight:300;line-height:1.02;letter-spacing:-.035em;margin:0 auto;max-width:15ch;color:var(--chalk);text-wrap:balance;text-shadow:0 2px 26px rgba(7,24,47,.85),0 0 60px rgba(7,24,47,.6)}.open-title p{margin:1.6rem auto 0;max-width:min(46ch,100%);text-shadow:0 2px 18px rgba(7,24,47,.9);font-size:clamp(1rem,1.5vw,1.18rem);font-weight:300;line-height:1.6;color:var(--chalk-dim);text-wrap:pretty}.scroll-cue{position:absolute;left:50%;bottom:clamp(24px,5vh,56px);transform:translate(-50%);font-family:var(--tech);font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--chalk-dim);display:grid;justify-items:center;gap:10px}.scroll-cue i{display:block;width:1px;height:40px;background:linear-gradient(to bottom,var(--chalk-dim),transparent);animation:fall 2.4s ease-in-out infinite}@keyframes fall{0%{transform:scaleY(0);transform-origin:top;opacity:0}35%{transform:scaleY(1);transform-origin:top;opacity:1}65%{transform:scaleY(1);transform-origin:bottom;opacity:1}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.plate-scene{min-height:108svh;display:grid;place-items:center;padding:clamp(56px,12vh,140px) 0}.plate{width:var(--sheet-w);padding:0 var(--gutter);display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,40px);align-content:center}.plate .no{font-family:var(--tech);font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;color:#eaf2ff80}.plate h2{font-size:clamp(2rem,5.4vw,4.2rem);font-weight:300;line-height:1.02;letter-spacing:-.03em;margin:0;max-width:22ch;text-wrap:balance}.plate .lede{font-size:clamp(1.1rem,1.7vw,1.42rem);font-weight:300;line-height:1.6;color:var(--chalk-dim);max-width:56ch;margin:0;text-wrap:pretty}.chapter{padding:clamp(48px,7vw,104px) var(--gutter) clamp(56px,8vw,120px)}.chapter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start}.art-col{position:sticky;top:clamp(60px,14vh,140px)}.art-col .sketch{width:100%;height:auto;display:block}.copy-col>*+*{margin-top:1.15em}.chapter h3{font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:400;letter-spacing:-.022em;line-height:1.16;margin:0 0 .6em;color:var(--ink);text-wrap:balance}.chapter .block+.block{margin-top:2.6em}.chapter .block p+p{margin-top:1.05em}.chapter p{font-size:clamp(1rem,1.28vw,1.12rem);font-weight:400;line-height:1.72;color:var(--ink-soft);margin:0;max-width:62ch;text-wrap:pretty}.chapter p strong{color:var(--ink);font-weight:600}.kicker{font-family:var(--tech);font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 1.4rem}.figure-note{font-family:var(--tech);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:1.1rem;padding-top:.7rem;border-top:1px solid rgba(18,22,28,.14)}.specs{margin-top:2.2rem;border-top:1px solid rgba(18,22,28,.16)}.specs div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1rem;padding:.62rem 0;border-bottom:1px solid rgba(18,22,28,.09)}.specs dt,.specs .k{font-family:var(--tech);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);padding-top:.22em}.specs .v{font-size:.95rem;line-height:1.5;color:var(--ink-soft)}.sketch{overflow:visible;stroke-linecap:round;stroke-linejoin:round;fill:none}.sketch path{stroke:currentColor}.sk-ink{color:#12161ce6}.sk-chalk{color:#eaf2ffeb}.sketch-wrap{position:relative}[data-rise]{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}[data-rise].is-in{opacity:1;transform:none}.rail{position:fixed;right:clamp(12px,2vw,28px);top:50%;transform:translateY(-50%);z-index:40;display:grid;gap:14px;padding:10px 6px}.rail a{display:block;width:22px;height:1px;background:#eaf2ff47;transition:background .35s,width .35s}.rail a.on{background:var(--chalk);width:34px}.rail a span{position:absolute;right:42px;font-family:var(--tech);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--chalk-dim);background:#07182fe6;padding:4px 9px 3px;border-radius:2px;opacity:0;transform:translate(6px);transition:opacity .3s,transform .3s;pointer-events:none}.rail a.on span{opacity:1;transform:none}.machine{position:fixed;inset:0;z-index:-1;pointer-events:none}.machine svg{position:absolute;inset:0}.machine path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.gear-back{color:#eaf2ff5c}.mech-layer{color:#eaf2ffa8}.belt{color:#eaf2ff9e}.gear-drive{color:#eaf2ffbd;opacity:var(--drive-opacity, 1);transition:opacity .5s ease}.close-stage{text-align:center;padding:0 var(--gutter);max-width:92vw}.close-stage p{font-size:clamp(1.5rem,3.6vw,2.6rem);font-weight:300;line-height:1.24;letter-spacing:-.026em;color:var(--chalk);margin:0 auto;max-width:22ch;text-wrap:balance}.close-stage .colophon{font-family:var(--tech);font-size:.74rem;font-weight:400;letter-spacing:.26em;line-height:1.4;text-transform:uppercase;color:#eaf2ff6b;max-width:none;margin:3.4rem auto 0}.colophon a{color:inherit}@media(max-width:900px){:root{--perf-inset: 11px;--perf-r: 3.4px;--gutter: max(30px, 5vw)}.machine{display:none}.chapter-grid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,6vw,40px)}.art-col{position:static}.art-col .sketch{max-width:420px;margin-inline:auto}.rail{display:none}}@media(prefers-reduced-motion:reduce){[data-rise]{opacity:1;transform:none;transition:none}.scroll-cue i{animation:none}.art-col{position:static}}.belt-feed{color:#eaf2ffc7}.titleblock{display:none;position:fixed;right:0;bottom:0;z-index:30;width:clamp(178px,15vw,244px);font-family:var(--tech);color:var(--chalk-dim);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;border-top:1px solid rgba(234,242,255,.34);border-left:1px solid rgba(234,242,255,.34);background:linear-gradient(to top,#07182fed,#07182fd1);backdrop-filter:blur(1.5px)}.titleblock .tb-row{display:grid;border-bottom:1px solid rgba(234,242,255,.17)}.titleblock .tb-row:last-child{border-bottom:0}.titleblock .tb-row.split{grid-template-columns:1fr 1fr 1.15fr}.titleblock .tb-cell{padding:5px 8px 6px;border-right:1px solid rgba(234,242,255,.17);min-width:0}.titleblock .tb-cell:last-child{border-right:0}.titleblock .k{display:block;font-size:.5rem;letter-spacing:.2em;color:#eaf2ff6b;margin-bottom:2px}.titleblock .v{display:block;font-size:.72rem;color:var(--chalk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titleblock .v.big{font-size:.8rem;letter-spacing:.08em;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em}.titleblock .proj{display:block;width:100%;height:22px}.titleblock .proj path,.titleblock .proj circle{fill:none;stroke:#eaf2ff99;stroke-width:.9;vector-effect:non-scaling-stroke}@media(max-width:900px){.titleblock{display:none}}.debug-badge{position:fixed;left:10px;bottom:10px;z-index:90;padding:4px 9px;font-family:var(--tech);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#ffd9a8;background:#3c1c06e6;border:1px solid rgba(255,190,120,.5);border-radius:3px;pointer-events:none}