@font-face{font-family:SignalType;src:url(/fonts/flob.ttf) format("truetype");font-display:swap;font-weight:100 900}:root{color-scheme:dark;--bg:#111;--fg:#eee;--muted:#aaa;--link:#8dc;--line:#333}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.75 monospace}a{color:var(--link);text-underline-offset:3px}a:hover{color:#8cd}a:focus-visible{outline:2px solid var(--link);outline-offset:5px}::selection{background:#8dc;color:#111}.shell{width:min(900px,100%);padding:0 24px;margin:auto}.skip{position:absolute;top:-100px;z-index:3;background:#111;padding:12px}.skip:focus{top:0}.site-header{padding-top:22px;margin-bottom:45px}.signal-banner{display:block;position:relative;width:100%;height:clamp(210px,38vw,340px);text-decoration:none;color:#eee;overflow:hidden}.signal-fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:SignalType,monospace;font-size:clamp(28px,6vw,65px);text-align:center}#signalCanvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0}#signalCanvas[data-ready=true]{opacity:1}.signal-banner:has(canvas[data-ready=true]) .signal-fallback{clip-path:inset(50%)}nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:12px;font-family:SignalType,monospace;font-size:clamp(21px,3.5vw,30px);line-height:1.5}nav a{color:#eee;text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--link)}nav>span{font:12px monospace;color:#888}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-intro{text-align:center;color:#bbb;margin:0 0 45px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.section-heading h2{font-size:18px;font-weight:400;margin:0 0 10px}.section-heading>a{font-size:12px}.project-row{display:flex;align-items:baseline;gap:16px;padding:9px 0;text-decoration:none}.project-number{font-size:11px;color:#888}.project-row h3{font-size:16px;font-weight:400;margin:0;text-decoration:underline;text-underline-offset:3px}.project-kind{font-size:11px;color:#aaa;margin-left:auto}.arrow{font-size:13px;margin-left:auto}.project-row .arrow{margin-left:0}.writing-section{margin-top:40px}.post-row{display:grid;grid-template-columns:100px 1fr 16px;gap:14px;padding:12px 0;text-decoration:none}.post-row time{font-size:11px;color:#999;padding-top:3px}.post-row>span:not(.arrow){text-decoration:underline;text-underline-offset:3px}.post-row small{display:block;font-size:11px;color:#aaa;margin-top:5px;text-decoration:none}.page-intro{margin-bottom:30px}.page-intro h1{font: 30px/1.3 SignalType,monospace;margin:15px 0}.page-intro>p:last-child{color:#aaa}.eyebrow,.article-date{font-size:11px;color:#aaa}.asterisk{display:none}.project-details section{border-top:1px dashed #333;padding:25px 0}.project-details h2{font-size:21px;font-weight:400;margin:10px 0}.project-details p{color:#bbb}.article-header h1{font-size:clamp(24px,4vw,36px);line-height:1.35;font-weight:400}.article-date{margin-top:25px}.archive-note{font-size:11px;color:#999;border-left:1px solid #555;padding-left:14px}.cover{display:block;max-width:100%;max-height:360px;object-fit:contain;object-position:left;margin:30px 0}.prose{max-width:750px;overflow-wrap:anywhere;line-height:1.9}.prose p{margin:22px 0}.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.4;margin-top:32px}.prose h4{font-size:17px}.prose pre{padding:16px;background:#090909;border:1px solid #292929;overflow:auto;font-size:12px;line-height:1.7}.prose code{font-family:inherit}.prose img,.prose audio{max-width:100%}.prose li{margin:6px 0}.back-link{display:inline-block;margin:35px 0}main{min-height:200px}footer{display:flex;justify-content:center;gap:25px;font-size:10px;color:#888;padding:50px 0 25px}@media(max-width:550px){.shell{padding:0 18px}.site-header{padding-top:10px;margin-bottom:35px}nav{gap:10px}.signal-banner{height:220px}.project-kind{display:none}.project-row{gap:10px}.project-row h3{font-size:14px}.project-row .arrow{margin-left:auto}.post-row{grid-template-columns:1fr 16px;gap:4px}.post-row time{grid-column:1/-1}.home-intro{font-size:12px}.project-number{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}iframe.demo-embed{display:block;width:100%;max-width:100%;border:1px solid #333;margin:25px 0;background:#111}.demo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.demo-thumbnail{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#000}.demo-preview-link{display:block;text-decoration:none}.demo-preview-link h2{font-size:18px;font-weight:400;margin:13px 0 7px;text-decoration:underline;text-underline-offset:4px}.demo-preview p{font-size:12px;color:#aaa;margin:0}.demo-preview-link:hover .demo-thumbnail{outline:1px solid #8dc}@media(max-width:600px){.demo-gallery{grid-template-columns:1fr}}