:root{--black:#0b0b0a;--soot:#161412;--iron:#24201c;--graphite:#3a342e;--bone:#e8e2d6;--vellum:#f3eee4;--ash:#8a8378;--brass:#b08d57;--brass-dark:#7a5e38;--vermilion:#c23b22;--prussian:#0a3a5c;--display:Baskerville,'Libre Baskerville',Georgia,serif;--body:'Gill Sans','Source Sans 3',Arial,sans-serif;--mono:'IBM Plex Mono',Menlo,monospace;color-scheme:dark}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:var(--body);line-height:1.5}button,a.button{min-height:44px;border:1px solid var(--graphite);border-radius:2px;background:var(--iron);color:var(--bone);padding:10px 14px;font:600 .68rem var(--mono);letter-spacing:.09em;cursor:pointer;text-decoration:none}button:hover,a.button:hover{border-color:var(--brass);color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.skip{position:fixed;z-index:20;left:12px;top:-100px;background:var(--vellum);color:var(--black);padding:12px}.skip:focus{top:12px}.rail{position:sticky;z-index:8;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:8px 28px;border-bottom:1px solid var(--graphite);background:rgba(11,11,10,.96)}.wordmark{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;font:600 .61rem var(--mono);letter-spacing:.15em}.wordmark strong{font:700 1rem var(--display);letter-spacing:.1em}.wordmark>span:last-child{grid-column:2;color:var(--ash)}.registrar{grid-row:1/3;background:var(--vermilion);color:var(--vellum);padding:7px 6px}.rail nav{display:flex;gap:7px;flex-wrap:wrap}.rail nav button{min-height:38px;padding:7px 10px}.bench{min-height:calc(100vh - 68px);position:relative;display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.6fr);gap:clamp(28px,5vw,84px);align-items:end;padding:clamp(38px,7vw,100px) clamp(22px,5vw,76px) 42px;overflow:hidden;background:radial-gradient(ellipse at 68% 45%,#262019 0,#161412 38%,#0b0b0a 70%)}.bench:before{content:"";position:absolute;left:0;right:0;bottom:155px;height:2px;background:var(--brass);box-shadow:0 14px 28px #000}.bench-heading{align-self:start;max-width:470px;position:relative;z-index:1}.eyebrow{margin:0 0 12px;color:var(--brass);font:600 .68rem var(--mono);letter-spacing:.16em}.bench h1{max-width:560px;margin:0 0 20px;font:700 clamp(2.7rem,6vw,6.4rem)/.93 var(--display);letter-spacing:-.035em}.bench-heading>p:last-child{max-width:380px;color:#b7afa3}.machine-list{grid-column:2;display:flex;align-items:end;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:25px 5px 8px;position:relative;z-index:2}.specimen{flex:0 0 clamp(120px,13vw,190px);height:clamp(220px,36vh,390px);scroll-snap-align:center;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;padding:14px 12px;border:0;border-bottom:2px solid var(--graphite);background:transparent;transition:height .42s cubic-bezier(.22,1,.36,1),background .3s}.specimen:nth-child(3n+2){height:clamp(180px,31vh,330px)}.specimen:nth-child(4n){height:clamp(245px,41vh,430px)}.specimen:hover,.specimen[aria-current=true]{background:#211d19;border-bottom-color:var(--brass)}.specimen[aria-current=true]{transform:translateY(-8px)}.mini-machine{display:block;height:110px;margin-bottom:auto;position:relative;border:1px solid var(--graphite);background:repeating-linear-gradient(90deg,transparent 0 17px,#2b2722 18px 19px)}.mini-machine:before,.mini-machine:after{content:"";position:absolute;border:2px solid var(--ash);border-radius:50%}.mini-machine:before{width:58px;height:58px;left:12%;bottom:12px}.mini-machine:after{width:38px;height:38px;right:9%;bottom:19px}.specimen strong{font:700 1rem/1.15 var(--display)}.specimen small{margin-top:8px;color:var(--ash);font:400 .62rem/1.3 var(--mono)}.state{grid-column:2;color:var(--ash);font:400 .68rem var(--mono)}.theater{min-height:100vh;display:grid;grid-template-columns:minmax(200px,.52fr) minmax(0,1.5fr);grid-template-rows:auto 1fr auto;gap:20px 34px;padding:72px clamp(20px,5vw,72px);border-top:1px solid var(--graphite);background:var(--black)}.theater-meta h2{margin:0 0 9px;font:700 clamp(2rem,4vw,4.5rem)/1 var(--display)}.byline{color:var(--ash)}.truth-row{display:flex;gap:7px;flex-wrap:wrap}.badge{padding:6px;border-radius:2px;color:#fff;font:600 .62rem var(--mono);letter-spacing:.1em}.documented{background:var(--vermilion)}.invented{background:var(--prussian)}.stage-wrap{grid-column:2;grid-row:1/3;position:relative;min-height:500px;border:1px solid var(--graphite);background:radial-gradient(circle at center,#1d1916,#0b0b0a 68%)}#machine-stage{width:100%;height:100%;min-height:500px}.datum{fill:none;stroke:#2e2925;stroke-width:1}.part{fill:none;stroke:var(--bone);stroke-width:5;vector-effect:non-scaling-stroke;transition:opacity .4s,transform 1.1s cubic-bezier(.22,1,.36,1);cursor:pointer;transform-box:fill-box;transform-origin:center}.part:hover,.part.active{stroke:var(--brass);stroke-width:8}.part.dim{opacity:.28}.invented-part{stroke:var(--prussian)}.invented-part.active{stroke:var(--brass)}.invented-trail{fill:none;stroke:var(--prussian);stroke-width:12;stroke-dasharray:5 13;opacity:.85}.callout{fill:var(--black);stroke:var(--brass);stroke-width:2}.callout text{fill:var(--bone);stroke:none;font:12px var(--mono)}.not-found{position:absolute;inset:auto 18px 18px;background:var(--vermilion);padding:15px;max-width:440px}.not-found p{margin:4px 0}.controls{align-self:end;display:grid;gap:10px;padding:16px 0;border-top:1px solid var(--graphite);border-bottom:1px solid var(--graphite)}.controls label span{display:flex;justify-content:space-between;color:var(--ash);font:600 .68rem var(--mono)}input[type=range]{appearance:none;width:100%;height:44px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--graphite)}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:32px;margin-top:-14px;background:var(--brass);border:0}input[type=range]::-moz-range-track{height:3px;background:var(--graphite)}input[type=range]::-moz-range-thumb{width:20px;height:32px;border-radius:0;background:var(--brass);border:0}.controls button{display:none}body.reduced-motion .controls button{display:inline-block;width:49%}.part-note{min-height:145px;padding:18px;border-left:2px solid var(--brass);background:var(--soot)}.part-note h3{margin:0;font:700 1.4rem var(--display)}.part-note p:last-child{color:var(--ash)}.theater-actions{grid-column:2;display:flex;gap:10px;flex-wrap:wrap}.primary{background:var(--brass);color:var(--black);border-color:var(--brass)}.drawer{position:fixed;z-index:12;right:0;top:0;width:min(580px,92vw);height:100vh;overflow:auto;padding:70px clamp(24px,5vw,58px);background:var(--vellum);color:var(--black);box-shadow:-22px 0 42px #000}.drawer h2{font:700 3rem var(--display);margin:0 0 20px}.drawer h3{font:700 1.2rem var(--display);border-top:1px solid #b9ae9c;padding-top:15px}.drawer .eyebrow{color:var(--brass-dark)}.drawer-close{position:absolute;top:14px;right:14px;background:transparent;color:var(--black);border-color:#9d927f}.drawer dt{margin-top:12px;font:600 .65rem var(--mono);letter-spacing:.1em;color:var(--brass-dark)}.drawer dd{margin:2px 0}.drawer li{margin-bottom:9px}.invented-ink{color:var(--prussian)}#source-link{color:var(--black);font:600 .72rem var(--mono)}.fine{font-size:.78rem;color:#544c43}.toast{position:fixed;z-index:30;left:50%;bottom:22px;transform:translateX(-50%);background:var(--brass);color:var(--black);padding:10px 16px;font:600 .72rem var(--mono)}.noscript{padding:20px;background:var(--vermilion)}body.reduced-motion *{scroll-behavior:auto!important;transition-duration:0s!important}
@media(max-width:760px){.rail{position:relative;align-items:flex-start;padding:12px 16px}.wordmark>span:last-child{display:none}.rail nav{justify-content:flex-end}.rail nav button{font-size:.55rem}.bench{display:block;min-height:calc(100vh - 110px);padding:34px 16px}.bench h1{font-size:3.5rem}.machine-list{margin-top:28px}.state{margin-left:4px}.theater{display:block;padding:48px 16px}.stage-wrap{margin-top:28px;min-height:390px}#machine-stage{min-height:390px}.controls{margin-top:14px}.part-note{margin-top:16px}.theater-actions{margin-top:14px}.drawer{top:auto;bottom:0;height:82vh;width:100%;box-shadow:0 -22px 42px #000}.specimen{flex-basis:150px}.theater-meta h2{font-size:2.7rem}}
@media(max-width:479px){.rail{display:block}.rail nav{margin-top:9px;display:grid;grid-template-columns:1fr 1fr}.rail nav button:last-child{grid-column:1/3}.bench{min-height:calc(100vh - 150px)}.bench h1{font-size:2.85rem}.machine-list{margin-right:-16px}.stage-wrap,#machine-stage{min-height:320px}.controls button{display:inline-block;width:49%}.truth-row{align-items:flex-start;flex-direction:column}.theater-actions>*{width:100%;text-align:center}.callout{display:none}.drawer{padding-top:58px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important}}