:root{color-scheme:dark;--bg:#191b1e;--panel:#24272b;--ink:#ece7da;--muted:#b5b1a7;--gold:#e6b96a;--coral:#ed9278;--line:#454747;--mono:'Cascadia Code','SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:32px 32px;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}.site{width:min(960px,calc(100% - 48px));margin:36px auto;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--coral);box-shadow:12px 12px 0 #10121480}a{color:var(--gold);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--coral)}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:8px;background:var(--bg);padding:8px;z-index:3}header{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:18px;color:var(--ink);text-decoration:none;font-size:22px;font-weight:700;letter-spacing:2px;line-height:1.2}.studios{display:block;font:11px/1.5 var(--mono);letter-spacing:5px;color:var(--gold);margin-top:8px}.mark{display:block;flex:0 0 72px;width:72px;height:72px;background:url('favicon.svg') center/64px no-repeat}.header-note{font:12px/1.8 var(--mono);color:var(--muted);text-align:right}nav{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 32px;background:#1d2023;counter-reset:nav}nav a{counter-increment:nav;padding:13px 21px;color:var(--muted);font:13px/1.6 var(--mono);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}nav a::before{content:'0' counter(nav) ' ';font-size:10px;color:#92918a}nav a:first-child{padding-left:0;padding-right:24px}nav a:hover{color:var(--ink);background:#ffffff04}nav a[aria-current=page]{color:var(--gold);border-bottom-color:var(--gold)}nav a[aria-current=page]::before{color:var(--gold)}main{padding:30px 40px 34px;min-height:420px}h1,h2,p{margin-top:0}h1{font-size:clamp(32px,4.4vw,48px);font-weight:650;line-height:1.12;letter-spacing:-1.8px;margin-bottom:18px}h1 em{color:var(--gold);font-style:normal}h2{font-size:21px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin-bottom:15px}.eyebrow{font:11px/1.7 var(--mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--coral);margin-bottom:16px}.intro{position:relative;border-bottom:1px solid var(--line);padding:0 0 10px;margin-bottom:25px}.intro p:not(.eyebrow){max-width:490px;color:var(--muted)}.intro::after{content:'</>';position:absolute;right:18px;top:24px;color:#e6b96a25;font:76px/1 var(--mono);transform:rotate(-8deg)}.columns{display:grid;grid-template-columns:1.55fr 1fr;gap:36px}.project-list{margin:0;padding:0;list-style:none;counter-reset:projects}.project-list li{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:baseline;padding:11px 0;border-top:1px solid var(--line);counter-increment:projects}.project-list li::before{content:'0' counter(projects);font:11px var(--mono);color:var(--coral)}.project-list a{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}.project-list a:hover{color:var(--gold);text-decoration:underline}.project-list span{font:11px/1.5 var(--mono);color:var(--muted);text-align:right}aside{border-left:1px solid var(--line);padding-left:28px}aside p:not(.eyebrow),aside a{font-size:14px}aside p:not(.eyebrow){color:var(--muted)}.aside-bottom{font:10px/1.9 var(--mono);letter-spacing:1px;color:var(--muted);border-top:1px solid var(--line);margin-top:20px;padding-top:12px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:#1d2023;padding:13px 32px;font:11px/1.7 var(--mono);color:var(--muted)}footer a{font-size:12px}.lead,.note{color:var(--muted)}.entries article{display:grid;grid-template-columns:28px 1fr auto;gap:18px;align-items:start;padding:19px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.entries article:target{background:#e6b96a0a;box-shadow:-10px 0 var(--gold);padding-left:10px}.entries h2{margin:0 0 5px}.entries p{margin:0;font-size:14px;color:var(--muted);max-width:570px}.number{font:12px var(--mono);color:var(--coral);padding-top:6px}.tag{font:10px/1.8 var(--mono);border:1px solid #65604e;padding:1px 8px;color:var(--gold)}.note{margin:22px 0 0;font-size:13px}.prose{max-width:640px}.prose p{color:var(--muted)}.prose h2{margin-top:30px}.email{margin:30px 0;font:clamp(16px,3vw,22px)/1.6 var(--mono);overflow-wrap:anywhere}.signature{margin-top:40px;font-size:24px}.signature span{font:12px var(--mono);color:var(--gold)}
@media(max-width:700px){.site{width:calc(100% - 24px);margin:12px auto;box-shadow:4px 4px 0 #10121480}header{padding:20px 18px}.brand{font-size:18px;gap:12px;letter-spacing:1px}.mark{flex-basis:48px;width:48px;height:52px;background-size:48px}.studios{font-size:10px}.header-note{display:none}nav{padding:0 12px}nav a,nav a:first-child{flex:1;text-align:center;padding:12px 3px;font-size:12px}nav a::before{font-size:9px}main{padding:26px 22px;min-height:360px}h1{font-size:36px}.intro::after{display:none}.columns{grid-template-columns:1fr;gap:28px}aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.project-list li{grid-template-columns:24px 1fr}.project-list span{grid-column:2;text-align:left}.entries article{grid-template-columns:24px 1fr;gap:12px}.tag{display:none}footer{padding:14px 20px;flex-wrap:wrap;gap:5px 20px}}