:root{--bg:#040308;--bg-elevated:#1e0304;--ink:#f2f2f2;--muted:#9d9d9d;--line:#420203;--accent:#f27405;--font-display:"Doto",ui-monospace,"Cascadia Mono","JetBrains Mono",Menlo,Consolas,monospace;--font-body:"Space Mono",ui-monospace,"Cascadia Mono","JetBrains Mono",Menlo,Consolas,monospace;--pad:clamp(20px,5vw,64px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);display:flex;flex-direction:column;font-family:var(--font-body);font-size:14px;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#000}body:before{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;content:"";inset:0;opacity:.35;pointer-events:none;position:fixed;z-index:0}a{color:inherit;text-decoration:none}.kicker{color:var(--muted);font-size:11px;letter-spacing:.28em;margin-bottom:18px}.kicker,h1,h2,h3{text-transform:uppercase}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;line-height:1.15}h1{font-size:clamp(30px,6vw,58px)}h1 .cursor{animation:blink 1s steps(1) infinite;background:var(--accent);display:inline-block;height:.9em;vertical-align:-.08em;width:.55em}@keyframes blink{50%{opacity:0}}.lede{margin-top:20px;max-width:60ch}.lede,.meta-row{color:var(--muted)}.meta-row{display:flex;flex-wrap:wrap;font-size:11px;gap:12px 28px;letter-spacing:.18em;margin-top:28px;text-transform:uppercase}.meta-row span b{color:var(--ink);font-weight:400}main{flex:1;margin:0 auto;max-width:1080px;padding:0 var(--pad) 96px;width:100%;z-index:1}.page-head,main{position:relative}.page-head{padding:clamp(56px,10vh,120px) 0 40px}.page-head .deco{opacity:.55;pointer-events:none;position:absolute;right:0;top:clamp(14px,3vh,32px)}.section-label{align-items:center;color:var(--muted);display:flex;font-family:var(--font-display);font-size:11px;font-weight:700;gap:14px;letter-spacing:.28em;margin:64px 0 24px;text-transform:uppercase}.section-label:before{background:var(--accent);content:"";height:7px;width:7px}.section-label:after{background:var(--line);content:"";flex:1;height:1px}.hero{padding:clamp(72px,16vh,160px) 0 48px}.hero h1{max-width:16ch}.hero .mg-ditherfade{display:block;margin-top:36px;width:min(100%,420px)}.site-header{backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:12px;font-weight:700;gap:16px;justify-content:space-between;letter-spacing:.12em;padding:18px var(--pad);position:sticky;text-transform:uppercase;top:0;z-index:10}.brand,.site-header{align-items:center;display:flex}.brand{white-space:nowrap}.brand .brand-mark{display:inline;height:17px;transition:opacity .15s ease;vertical-align:middle;width:auto}.brand:hover .brand-mark{opacity:.6}.site-nav{display:flex;gap:clamp(14px,3vw,32px);overflow-x:auto}.site-nav a{color:var(--muted);padding:4px 2px;transition:color .15s ease}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]:before{color:var(--accent);content:"[ "}.site-nav a[aria-current=page]:after{color:var(--accent);content:" ]"}.site-footer{border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;font-weight:700;gap:10px 24px;justify-content:space-between;letter-spacing:.18em;padding:22px var(--pad);position:relative;text-transform:uppercase;z-index:1}.site-footer span{align-items:center;display:flex}.site-footer .clock{color:var(--ink);margin-left:.5em}.site-footer .footer-mark{align-items:center;display:grid;gap:.5em;grid-template-columns:auto auto;text-align:left}.site-footer .footer-mark img{grid-row:1/3;height:3em}.card-list{border-top:1px solid var(--line);list-style:none}.card{border-bottom:1px solid var(--line);transition:background .15s ease}.card a{align-items:baseline;display:grid;gap:8px 24px;grid-template-columns:110px 1fr auto;padding:26px 8px}.card:hover{background:var(--bg-elevated)}.card:hover .card-title{color:var(--accent)}.card-date{color:var(--muted);font-size:11px;letter-spacing:.16em}.card-date,.card-title{text-transform:uppercase}.card-title{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.05em;transition:color .15s ease}.card-desc{color:var(--muted);font-size:13px;grid-column:2/3;grid-row:2;max-width:62ch}.card-tag{color:var(--muted);font-size:11px;letter-spacing:.16em;text-align:right;text-transform:uppercase}@media (max-width:640px){.card a{grid-template-columns:1fr auto}.card-date,.card-desc{grid-column:1/-1}}.status{align-items:center;display:inline-flex;gap:8px}.status:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status.active{color:#3ddc84}.status.wip{color:#ffb020}.status.done{color:var(--muted)}.form{background:var(--bg-elevated);border:1px solid var(--line);margin-top:8px;padding:24px}.field{display:block;margin-bottom:18px}.field span{color:var(--muted);display:block;font-size:11px;letter-spacing:.2em;margin-bottom:8px;text-transform:uppercase}input,textarea{background:var(--bg);border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);font-size:13px;outline:none;padding:12px 14px;transition:border-color .15s ease;width:100%}input:focus,textarea:focus{border-color:var(--accent)}textarea{min-height:120px;resize:vertical}.btn,button{background:transparent;border:1px solid var(--ink);color:var(--ink);cursor:pointer;display:inline-block;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.2em;padding:14px 32px;text-transform:uppercase;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn:hover,button:hover{background:var(--accent);border-color:var(--accent);color:#000}.about-grid{display:grid;gap:48px;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.about-grid p+p{color:var(--muted);margin-top:16px}.facts{background:var(--bg-elevated);border:1px solid var(--line);font-size:12px;list-style:none}.facts li{border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;letter-spacing:.12em;padding:14px 18px;text-transform:uppercase}.facts li:last-child{border-bottom:0}.facts .k{color:var(--muted)}.facts li.deco-row{justify-content:center;padding:18px}.facts li.deco-row:last-child{border-bottom:0}@media (max-width:720px){.about-grid{grid-template-columns:1fr}}.lod{text-decoration:underline dotted beige}.contact-links{border-top:1px solid var(--line);list-style:none}.contact-links li{border-bottom:1px solid var(--line)}.contact-links a{align-items:center;display:flex;justify-content:space-between;letter-spacing:.08em;padding:22px 8px;text-transform:uppercase;transition:background .15s ease}.contact-links a:hover{background:var(--bg-elevated)}.contact-links a:hover .handle{color:var(--accent)}.contact-links .label{color:var(--muted);font-size:12px;letter-spacing:.2em}.handle{transition:color .15s ease}.post-shell{margin-top:8px;position:relative;z-index:1}.post-body{background:var(--bg);border:1px solid var(--line);font-size:15px;line-height:1.85;padding:clamp(24px,5vw,56px)}.prose p+p{margin-top:20px}.prose h2{border-top:1px solid var(--line);font-size:clamp(19px,2.6vw,24px);margin:44px 0 16px;padding-top:28px}.prose h3{font-size:16px;margin:32px 0 12px}.prose a{border-bottom:1px solid var(--accent);color:var(--accent);transition:opacity .15s ease}.prose a:hover{opacity:.65}.prose ol,.prose ul{margin:20px 0 20px 24px}.prose li+li{margin-top:8px}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:24px 0;padding-left:18px}.prose blockquote cite{color:var(--muted);display:block;font-size:11px;font-style:normal;letter-spacing:.2em;margin-top:10px;text-transform:uppercase}.prose code{color:var(--accent);padding:2px 6px}.prose code,.prose pre{background:#000;border:1px solid var(--line);font-size:13px}.prose pre{line-height:1.7;margin:24px 0;overflow-x:auto;padding:18px 20px}.prose pre code{border:0;color:var(--ink);padding:0}.prose hr{background:var(--line);border:0;height:1px;margin:40px 0}.post-end{align-items:center;color:var(--muted);display:flex;font-family:var(--font-display);font-size:11px;font-weight:700;gap:14px;letter-spacing:.28em;margin-top:44px;text-transform:uppercase}.post-end:before{background:var(--accent);content:"";height:7px;width:7px}.post-end:after{background:var(--line);content:"";flex:1;height:1px}.post-nav{align-items:center;display:flex;font-family:var(--font-display);font-size:11px;font-weight:700;gap:16px;justify-content:space-between;letter-spacing:.18em;margin-top:28px;text-transform:uppercase}.post-nav a{color:var(--muted);transition:color .15s ease}.post-nav a:hover{color:var(--accent)}.specimen-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));list-style:none}.specimen{background:var(--bg-elevated);border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .15s ease}.specimen:hover{border-color:#333}.spec-top{border-bottom:1px solid var(--line);display:flex;font-size:10px;justify-content:space-between;letter-spacing:.18em;padding:10px 14px;text-transform:uppercase}.spec-top .id{color:var(--accent)}.spec-top .name{color:var(--muted)}.spec-preview{align-items:center;background-image:radial-gradient(#181818 1px,transparent 0);background-size:12px 12px;display:flex;justify-content:center;min-height:130px;overflow:hidden;padding:24px}.spec-note{border-top:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.08em;margin-top:auto;padding:10px 14px}.mg-cross{background:linear-gradient(var(--ink),var(--ink)) 50% /100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) 50% /2px 100% no-repeat;height:18px;width:18px}.mg-cross.accent{background:linear-gradient(var(--accent),var(--accent)) 50% /100% 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 50% /2px 100% no-repeat}.mg-beacon{background:var(--accent);border-radius:50%;height:10px;position:relative;width:10px}.mg-beacon:after{animation:mg-pulse 1.8s ease-out infinite;border:1px solid var(--accent);border-radius:50%;content:"";inset:-7px;position:absolute}@keyframes mg-pulse{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.35)}}.mg-caret{animation:blink 1s steps(1) infinite;background:var(--ink);height:22px;width:13px}.mg-chevrons{color:var(--muted);font-size:24px;letter-spacing:.1em}.mg-chevrons b{color:var(--accent);font-weight:700}.mg-dotmatrix{background-image:radial-gradient(var(--ink) 1.6px,transparent 1.7px);background-size:12px 12px;height:52px;width:108px}.mg-dotmatrix.accent{background-image:radial-gradient(var(--accent) 1.6px,transparent 1.7px)}.mg-dotline{background-image:radial-gradient(circle,var(--muted) 2px,transparent 2.4px);background-repeat:repeat-x;background-size:15px 5px;height:5px;width:132px}.mg-barcode{background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 6px,var(--ink) 6px 10px,transparent 10px 13px),repeating-linear-gradient(90deg,hsla(0,0%,95%,.35) 0 1px,transparent 1px 4px);height:34px;width:128px}.mg-ruler{height:14px;position:relative;width:132px}.mg-ruler:before{background:repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 8px);content:"";inset:4px 0 0;position:absolute}.mg-ruler:after{background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 33px);content:"";height:14px;inset:0 0 auto;position:absolute}.mg-dither{color:var(--muted);font-size:15px;letter-spacing:.3em;white-space:nowrap}.mg-frame{height:68px;position:relative;width:68px}.mg-frame i:after,.mg-frame i:before,.mg-frame:after,.mg-frame:before{border:0 solid var(--ink);content:"";height:14px;position:absolute;width:14px}.mg-frame:before{border-left-width:2px;border-top-width:2px;left:0;top:0}.mg-frame:after{border-right-width:2px;border-top-width:2px;right:0;top:0}.mg-frame i{inset:0;position:absolute}.mg-frame i:before{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.mg-frame i:after{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.mg-scan{border:1px solid #2a2a2a;height:52px;overflow:hidden;position:relative;width:84px}.mg-scan:before{animation:mg-scan 2.4s linear infinite;background:var(--accent);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes mg-scan{0%{top:0}to{top:calc(100% - 2px)}}.mg-wave{align-items:flex-end;display:flex;gap:3px;height:30px}.mg-wave i{background:var(--ink);width:3px}.mg-signal{align-items:flex-end;display:flex;gap:3px;height:22px}.mg-signal i{background:var(--ink);width:5px}.mg-signal i.off{background:#2c2c2c}.mg-seg{display:flex;gap:4px}.mg-seg i{background:#232323;height:8px;width:16px}.mg-seg i.on{background:var(--ink)}.mg-seg i.acc{background:var(--accent)}.mg-coords{color:var(--muted);font-size:11px;letter-spacing:.2em;line-height:2;text-align:left;text-transform:uppercase}.mg-coords b{color:var(--ink);font-weight:400}.mg-redact{display:flex;flex-direction:column;gap:6px;width:120px}.mg-redact i{background:#000;border:1px solid #222;height:9px}.mg-redact i.short{width:62%}.mg-redact em{background:var(--accent);display:block;height:2px}.mg-target{color:var(--ink);display:block}.mg-checker{background-image:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%);background-size:14px 14px;height:52px;width:108px}.mg-checker.accent{background-image:repeating-conic-gradient(var(--accent) 0 25%,transparent 0 50%)}.mg-ditherfade{background-image:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%);background-size:8px 8px;height:40px;-webkit-mask-image:linear-gradient(90deg,#000 0 34%,rgba(0,0,0,.55) 34% 67%,rgba(0,0,0,.18) 67% 100%);mask-image:linear-gradient(90deg,#000 0 34%,rgba(0,0,0,.55) 34% 67%,rgba(0,0,0,.18) 67% 100%);width:132px}.mg-hazard{background-image:repeating-linear-gradient(-45deg,var(--ink) 0 7px,transparent 7px 16px);border:1px solid var(--line);height:26px;width:132px}.mg-hazard.accent{background-image:repeating-linear-gradient(-45deg,var(--accent) 0 7px,transparent 7px 16px)}.mg-steps{background:var(--ink);box-shadow:15px -15px 0 var(--muted),30px -30px 0 var(--muted),45px -45px 0 var(--muted),60px -60px 0 var(--accent);height:15px;width:15px}.mg-scanlines{background-image:repeating-linear-gradient(0deg,var(--ink) 0 1px,transparent 1px 7px);border:1px solid var(--line);height:52px;width:108px}.mg-tag{align-items:center;border:1px solid var(--ink);display:inline-flex;font-family:var(--font-body);font-size:2em;font-weight:700;gap:.2em;letter-spacing:.1em;padding:9px 16px 9px 12px;text-transform:uppercase;transition:color .15s ease,border-color .15s ease}.mg-tag svg{display:block;fill:currentColor;height:1em}.mg-tag:hover{border-color:var(--accent);color:var(--accent)}