@font-face{font-family:Archivo;src:url('/assets/fonts/archivo.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Plex Mono';src:url('/assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#10110f;--ink:#ebe6db;--muted:#b3b2a5;--line:#373a32;--accent:#c2d795}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1.08rem/1.75 Archivo,system-ui,sans-serif}
a{color:var(--accent);text-underline-offset:.25em;overflow-wrap:anywhere}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
header,footer{max-width:1280px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;gap:24px;align-items:center}
header{border-bottom:1px solid var(--line)}
header a,footer a{text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:12px 24px;font:.8rem/1.6 'Plex Mono',monospace}
nav a[aria-current]{text-decoration:underline}
.brand{font:1rem 'Plex Mono',monospace;white-space:nowrap;color:var(--ink)}
main{max-width:1000px;margin:auto;padding:36px 40px 80px}
.breadcrumbs{font-size:.7rem;color:var(--muted);gap:6px}
.eyebrow{margin-top:64px;font:.75rem/1.8 'Plex Mono',monospace;color:var(--muted)}
h1{font:clamp(2.5rem,6vw,4.8rem)/1.08 'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:20px 0 44px;max-width:850px}
h2{font-size:1.5rem;line-height:1.35;margin:44px 0 20px}
h3{font-size:1.12rem;line-height:1.45}
p,ul{max-width:780px}
li{margin:12px 0}
code{font:.85em 'Plex Mono',monospace;color:var(--accent);overflow-wrap:anywhere}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0}
.cards article{border:1px solid var(--line);padding:12px 24px 18px;background:#171914}
.cards p{font-size:.94rem;color:var(--muted)}
figure{margin:32px 0}
figure img{display:block;width:100%;height:auto;border:1px solid var(--line);background:#171914}
figcaption{font-size:.75rem;color:var(--muted);margin-top:8px;max-width:780px}
.contact{border-top:1px solid var(--line);margin-top:56px;padding-top:12px}
.contact h2{font:2rem 'Instrument Serif',Georgia,serif;margin-top:28px}
footer{border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.skip{position:absolute;top:-100px;left:24px;background:var(--bg);padding:12px;z-index:10}
.skip:focus{top:8px}
@media(max-width:700px){header,footer{padding:20px;align-items:flex-start;flex-direction:column;gap:16px}main{padding:24px 20px 56px}.eyebrow{margin-top:44px}.cards{grid-template-columns:1fr}h1{margin-bottom:32px}nav{gap:12px 18px}.cards article{padding:8px 20px 12px}}