:root{--paper: #f4ecd8;--paper-2: #ebe2c8;--ink: #1f1a0f;--ink-soft: #3a3220;--ink-muted: #6a5a38;--rule: #1f1a0f;--cobalt: #4a5fb8;--terracotta: #c64a2c;--ochre: #d4a017;--moss: #5a7a48;--accent: var(--cobalt);--accent-2: var(--terracotta);--grain-opacity: .55;--blob-opacity: .82;--maxw: 1180px}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Fraunces,Georgia,serif;font-feature-settings:"ss01","ss02";-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;cursor:pointer}.page-grain{position:fixed;inset:0;pointer-events:none;z-index:100;mix-blend-mode:multiply;opacity:var(--grain-opacity)}.page-grain svg{width:100%;height:100%}.nav{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1.5px solid var(--ink)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:18px 32px;display:flex;gap:22px;align-items:baseline}.nav-name{font-family:Fraunces,serif;font-weight:600;font-size:20px;letter-spacing:-.02em;color:var(--ink)}.nav-name:hover{color:var(--accent)}.nav-spacer{flex:1}.nav a.nav-link{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);padding-bottom:3px;border-bottom:1.5px solid transparent}.nav a.nav-link:hover,.nav a.nav-link.current{border-bottom-color:var(--accent);color:var(--accent)}.page{max-width:var(--maxw);margin:0 auto;padding:48px 32px 96px;position:relative}.folio{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.blob{position:absolute;border-radius:50%;mix-blend-mode:multiply;opacity:var(--blob-opacity);pointer-events:none;z-index:0}.blob.cobalt{background:var(--cobalt)}.blob.terra{background:var(--terracotta)}.blob.ochre{background:var(--ochre)}.blob.moss{background:var(--moss)}.site-foot{border-top:1.5px solid var(--ink);margin-top:80px;padding:28px 32px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);display:flex;gap:24px;flex-wrap:wrap;max-width:var(--maxw);margin-left:auto;margin-right:auto}.site-foot .spacer{flex:1}.site-foot a:hover{color:var(--accent)}h1.display{font-family:Fraunces,serif;font-weight:400;font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.03em;margin:0 0 28px;color:var(--ink);max-width:16ch;text-wrap:balance}h1.display em{font-style:italic;color:var(--accent);font-weight:400}.dek{font-family:Space Grotesk,system-ui,sans-serif;font-size:17px;line-height:1.55;max-width:52ch;color:var(--ink-soft);margin:0 0 20px;text-wrap:pretty}.quip{font-family:"Instrument Serif",serif;font-style:italic;font-size:21px;color:var(--accent);margin:0;max-width:34ch}.btn-ghost{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;border:1.5px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn-solid{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;background:var(--accent);color:var(--paper);cursor:pointer}.btn-solid:hover{background:var(--ink)}.arrow-link{display:inline-flex;align-items:baseline;gap:6px;font-family:Fraunces,serif;font-size:18px;font-weight:600;letter-spacing:-.01em;border-bottom:1.5px solid var(--accent);padding-bottom:2px;color:var(--ink)}.arrow-link:hover{color:var(--accent)}.tweaks{position:fixed;bottom:20px;right:20px;z-index:200;width:280px;background:var(--paper);border:1.5px solid var(--ink);font-family:IBM Plex Mono,monospace;font-size:11px;padding:0;display:none;box-shadow:4px 4px 0 var(--ink)}.tweaks.open{display:block}.tweaks-head{padding:10px 14px;background:var(--ink);color:var(--paper);font-family:Fraunces,serif;font-size:14px;font-weight:600;letter-spacing:-.01em;text-transform:none;display:flex;justify-content:space-between;align-items:center}.tweaks-body{padding:14px;display:flex;flex-direction:column;gap:14px}.tweak-row{display:flex;flex-direction:column;gap:6px}.tweak-row label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.tweak-swatches{display:flex;gap:6px}.tweak-sw{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink);cursor:pointer}.tweak-sw.selected{outline:2px solid var(--ink);outline-offset:2px}.tweak-row input[type=range]{width:100%;accent-color:var(--accent)}.tweak-row select{font-family:IBM Plex Mono,monospace;font-size:11px;padding:6px 8px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink)}