:root{--coal:#17191b;--black:#0b0c0d;--paper:#e6e1d4;--ink:#151617;--yellow:#ffd52a;--blue:#2765d6;--rust:#c95d35;--wood:#b68a58;--line:rgba(230,225,212,.22);--muted:#9b9a94;--sans:Arial,'Helvetica Neue',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--coal)}
body{margin:0;background:var(--coal);color:var(--paper);font:400 1rem/1.6 var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:100;padding:.7rem 1rem;background:var(--yellow);color:#111;transform:translateY(-180%)}.skip-link:focus{transform:none}
.blueprint-grid{position:fixed;z-index:20;inset:0;pointer-events:none;background-image:linear-gradient(rgba(39,101,214,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(39,101,214,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.topbar{height:86px;padding:0 clamp(1.1rem,3.5vw,4rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:30;background:rgba(15,17,18,.92);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:.8rem;font:900 1.05rem var(--sans);letter-spacing:.03em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--yellow);color:#111;font:900 1rem var(--mono)}
nav{display:flex;gap:2rem;font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.07em}nav a{border-bottom:1px solid transparent}nav a:hover,nav a:focus-visible{border-color:var(--yellow)}
.edition{justify-self:end;text-align:right;margin:0;font:700 .58rem/1.55 var(--mono);letter-spacing:.08em}.edition span{color:var(--yellow)}
.diagnostic{min-height:calc(100svh - 86px);display:grid;grid-template-columns:1.02fr .98fr;border-bottom:1px solid var(--line)}
.diagnostic-copy{padding:clamp(3.5rem,7vw,8rem) clamp(1.1rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.eyebrow,.section-label p,.stop>p{font:700 .64rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--yellow);margin-bottom:2rem}
h1,h2,h3,p{margin-top:0}
h1{font:900 clamp(3.8rem,7.8vw,9rem)/.86 var(--sans);letter-spacing:-.075em;text-transform:uppercase;margin:0 0 2.4rem}h1 em,h2 em{font-style:normal;color:var(--yellow)}
.intro{max-width:39rem;font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--muted);min-height:4.4rem}
.fault-console{margin-top:2rem;border:1px solid var(--line);background:rgba(7,8,9,.55)}.console-head{padding:.65rem .8rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font:700 .58rem var(--mono);letter-spacing:.09em;color:var(--yellow)}
.fault-buttons{display:grid;grid-template-columns:repeat(4,1fr)}.fault{appearance:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:1rem .7rem;text-align:left;cursor:pointer;font:700 .68rem var(--mono);text-transform:uppercase;transition:.2s}.fault:last-child{border-right:0}.fault span{display:block;font-size:.53rem;margin-bottom:.3rem}.fault:hover,.fault:focus-visible,.fault.is-active{background:var(--yellow);color:#111}.fault:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.console-readout{display:grid;grid-template-columns:repeat(3,1fr)}.console-readout>div{padding:1rem;border-right:1px solid var(--line)}.console-readout>div:last-child{border:0}.console-readout small{display:block;font:700 .53rem var(--mono);color:var(--yellow);margin-bottom:.35rem}.console-readout strong{font-size:.73rem;font-weight:500;color:var(--muted)}
.hero-workbench{margin:0;min-height:650px;position:relative;overflow:hidden;border-left:1px solid var(--line);background:#0d1012}.hero-workbench img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.1);transition:transform 1.1s}.hero-workbench:hover img{transform:scale(1.025)}.hero-workbench:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.62))}
.hero-workbench figcaption{position:absolute;z-index:3;left:1.5rem;right:1.5rem;bottom:1.4rem;display:flex;justify-content:space-between;font:700 .58rem var(--mono);letter-spacing:.09em}
.measure{position:absolute;z-index:3;color:#fff;font:700 .58rem var(--mono)}.measure i{display:block;height:1px;background:var(--yellow);position:relative}.measure i:before,.measure i:after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--yellow)}.measure i:before{left:0}.measure i:after{right:0}.measure span{display:block;text-align:center;margin-top:.25rem}.measure-a{width:180px;left:14%;top:20%}.measure-b{width:90px;right:12%;bottom:28%;transform:rotate(90deg)}
.safety-strip{height:42px;overflow:hidden;display:flex;align-items:center;background:repeating-linear-gradient(-45deg,var(--yellow) 0 18px,#111 18px 36px);border-bottom:1px solid #111}.safety-strip div{white-space:nowrap;background:var(--yellow);color:#111;padding:.4rem 1rem;font:900 .63rem var(--mono);letter-spacing:.13em;animation:tape 24s linear infinite}@keyframes tape{to{transform:translateX(-50%)}}
.principle,.materials{padding:clamp(6rem,12vw,12rem) clamp(1.1rem,5vw,6rem);display:grid;grid-template-columns:170px 1fr;gap:clamp(2rem,6vw,8rem)}
.section-label{border-top:2px solid var(--yellow);padding-top:.9rem;display:flex;gap:1rem;align-items:flex-start}.section-label>span{font:700 2.5rem/1 var(--mono);color:var(--yellow)}.section-label p{margin:0;color:var(--muted);line-height:1.45}
h2{font:900 clamp(3rem,6vw,7rem)/.9 var(--sans);letter-spacing:-.065em;text-transform:uppercase;margin-bottom:4rem}
.principle-text{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,8rem);max-width:1040px;margin-left:auto}.principle-text .lead{font-size:clamp(1.25rem,2vw,1.8rem);color:var(--yellow)}.principle-text p:last-child{color:var(--muted)}
.anatomy{background:var(--paper);color:var(--ink);padding:clamp(6rem,11vw,11rem) clamp(1.1rem,5vw,6rem)}.anatomy-head{display:grid;grid-template-columns:170px 1fr;gap:clamp(2rem,6vw,8rem)}.anatomy .section-label{border-color:var(--ink)}.anatomy .section-label>span{color:var(--blue)}.anatomy .section-label p{color:#5f5d57}.anatomy h2 em{color:var(--blue)}
.anatomy-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.anatomy-grid article{padding:1.5rem;border-right:1px solid rgba(21,22,23,.32);min-height:355px}.anatomy-grid article:last-child{border:0}.part-no{font:700 .6rem var(--mono);color:var(--blue)}.anatomy-grid h3{font:900 1.3rem var(--sans);text-transform:uppercase;margin:1.5rem 0 .8rem}.anatomy-grid p{font-size:.9rem;color:#625f58}
.part-symbol{height:105px;margin:2rem 0;border:2px solid var(--ink);position:relative}.part-symbol:before,.part-symbol:after{content:"";position:absolute;background:var(--blue)}.part-symbol.eye{border-radius:50% 0}.part-symbol.eye:before{width:28px;height:28px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.part-symbol.split:before{width:2px;height:130px;left:50%;top:-14px;transform:rotate(28deg)}.part-symbol.split:after{width:12px;height:12px;right:20%;top:22%;border-radius:50%}.part-symbol.hold:before{inset:25px}.part-symbol.hold:after{width:70%;height:2px;left:15%;top:50%}.part-symbol.join:before{width:45%;height:45%;left:10%;top:10%}.part-symbol.join:after{width:45%;height:45%;right:10%;bottom:10%}
.trace{display:grid;grid-template-columns:.82fr 1.18fr;border-bottom:1px solid var(--line)}.trace-image{min-height:890px;position:relative;overflow:hidden;border-right:1px solid var(--line)}.trace-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.05)}.object-stamp{position:absolute;right:1.3rem;top:1.3rem;width:110px;height:110px;border:3px solid var(--yellow);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--yellow);font:800 .62rem/1.4 var(--mono);transform:rotate(9deg)}
.trace-copy{padding:clamp(5rem,9vw,10rem) clamp(1.1rem,7vw,9rem);display:flex;flex-direction:column;justify-content:center}.section-label.compact{max-width:230px;margin-bottom:4rem}.trace-lead{font-size:clamp(1.2rem,2vw,1.7rem);color:var(--muted);max-width:45rem}.trace dl{margin:4rem 0 0}.trace dl div{display:grid;grid-template-columns:150px 1fr;border-top:1px solid var(--line);padding:1rem 0}.trace dl div:last-child{border-bottom:1px solid var(--line)}.trace dt{font:700 .6rem var(--mono);color:var(--yellow)}.trace dd{margin:0;color:var(--muted)}
.materials{background:var(--coal)}.material-list{border-top:1px solid var(--line)}.material-list article{display:grid;grid-template-columns:60px .5fr 1fr 150px;gap:2rem;align-items:center;padding:1.7rem 0;border-bottom:1px solid var(--line);transition:.25s}.material-list article:hover{padding-left:1rem;background:rgba(255,213,42,.06)}.material-list span,.material-list b{font:700 .6rem var(--mono);color:var(--yellow)}.material-list h3,.material-list p{margin:0}.material-list h3{font:900 1.2rem var(--sans);text-transform:uppercase}.material-list p{color:var(--muted);font-size:.92rem}.material-list b{text-align:right;color:var(--blue)}
.stop{padding:clamp(7rem,13vw,14rem) clamp(1.1rem,8vw,10rem);background:var(--yellow);color:#111}.stop>p{margin-bottom:3rem}.stop h2 em{color:var(--blue)}.stop-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #111;border-bottom:2px solid #111}.stop-grid p{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1.4rem;border-right:1px solid rgba(17,17,17,.35);margin:0}.stop-grid p:last-child{border:0}.stop-grid span{font:800 .65rem var(--mono)}
footer{padding:4rem clamp(1.1rem,5vw,6rem) 2rem;background:var(--black);display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem}.footer-brand{font:900 clamp(1.8rem,3.5vw,3.5rem) var(--sans)}.footer-brand span{display:inline-grid;place-items:center;background:var(--yellow);color:#111;padding:.25rem}.footer-brand+p{font-size:.82rem;color:#8d8d89}.legal-links{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.legal-links button{border:0;background:none;color:#c9c4b8;padding:0;border-bottom:1px solid transparent;cursor:pointer;font-size:.82rem}.legal-links button:hover,.legal-links button:focus-visible{color:white;border-color:var(--yellow)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.5rem;margin:1rem 0 0;font:400 .62rem var(--mono);color:#6f706d}
dialog{width:min(760px,calc(100% - 2rem));max-height:84svh;padding:0;border:2px solid var(--yellow);background:#17191b;color:#e6e1d4;box-shadow:12px 12px 0 var(--blue)}dialog::backdrop{background:rgba(0,0,0,.82)}.dialog-head{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:#17191b}.dialog-head h2{font-size:1.55rem;text-transform:none;letter-spacing:-.03em;margin:0}.dialog-close{border:0;background:none;color:white;font-size:2rem;line-height:1;cursor:pointer}.dialog-body{padding:2rem;overflow:auto;color:#aaa9a4}.dialog-body h3{font:800 1rem var(--sans);text-transform:uppercase;color:#fff;margin:2rem 0 .6rem}.dialog-body strong{color:#fff}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.diagnostic{grid-template-columns:1fr}.diagnostic-copy{min-height:710px}.hero-workbench{min-height:75svh;border-left:0;border-top:1px solid var(--line)}.principle,.materials{grid-template-columns:1fr}.section-label{max-width:230px}.anatomy-head{grid-template-columns:1fr}.anatomy-grid{grid-template-columns:1fr 1fr}.anatomy-grid article:nth-child(2){border-right:0}.anatomy-grid article:nth-child(-n+2){border-bottom:1px solid rgba(21,22,23,.32)}.trace{grid-template-columns:1fr}.trace-image{min-height:74svh;border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar{height:72px}.edition{font-size:.5rem}.diagnostic{min-height:calc(100svh - 72px)}.diagnostic-copy{min-height:720px}.fault-buttons{grid-template-columns:1fr 1fr}.fault:nth-child(2){border-right:0}.console-readout{grid-template-columns:1fr}.console-readout>div{border-right:0;border-bottom:1px solid var(--line)}.console-readout>div:last-child{border:0}.anatomy-grid{grid-template-columns:1fr}.anatomy-grid article{border-right:0;border-bottom:1px solid rgba(21,22,23,.32)!important;min-height:auto}.anatomy-grid article:last-child{border-bottom:0!important}.trace-image{min-height:620px}.trace dl div{grid-template-columns:1fr;gap:.35rem}.material-list article{grid-template-columns:40px 1fr}.material-list p,.material-list b{grid-column:2}.material-list b{text-align:left}.stop-grid{grid-template-columns:1fr}.stop-grid p{border-right:0;border-bottom:1px solid rgba(17,17,17,.35)}footer{grid-template-columns:1fr}.copyright{grid-column:auto}.dialog-head,.dialog-body{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}