:root{--ink: #161513;--ink-2: #3a3731;--ink-3: #6b665c;--ink-4: #a8a298;--paper: #f5f2ec;--paper-2: #ece8df;--paper-3: #dfdbd1;--line: #1615131a;--line-strong: #16151333;--accent: oklch(.62 .16 35);--accent-soft: oklch(.62 .16 35 / .12);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-accent=signal]{--accent: oklch(.72 .18 145);--accent-soft: oklch(.72 .18 145 / .15)}[data-accent=cobalt]{--accent: oklch(.52 .18 255);--accent-soft: oklch(.52 .18 255 / .12)}[data-accent=ember]{--accent: oklch(.62 .16 35);--accent-soft: oklch(.62 .16 35 / .12)}[data-variant=terminal]{--ink: #e7e3d9;--ink-2: #bcb6a6;--ink-3: #8a8579;--ink-4: #55524a;--paper: #0f0f0e;--paper-2: #161614;--paper-3: #1f1e1c;--line: #ffffff1a;--line-strong: #ffffff33;--accent: oklch(.78 .18 140);--accent-soft: oklch(.78 .18 140 / .15);--font-display: "JetBrains Mono", ui-monospace, monospace}[data-variant=brutalist]{--ink: #0a0a0a;--ink-2: #1f1f1f;--ink-3: #555;--ink-4: #999;--paper: #f0ead6;--paper-2: #e6dfc7;--paper-3: #d7cfae;--line: #0a0a0a;--line-strong: #0a0a0a;--accent: oklch(.58 .22 28);--accent-soft: oklch(.58 .22 28 / .15);--font-display: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";padding-bottom:64px}a{color:inherit;text-decoration:none}.page{max-width:1100px;margin:0 auto;padding:0 56px}@media(max-width:900px){.page{padding:0 24px}}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.02}[data-variant=terminal] .display{font-weight:500;letter-spacing:-.04em}[data-variant=brutalist] .display{font-weight:800;letter-spacing:-.035em;line-height:.94;text-transform:uppercase}.accent{color:var(--accent)}.nav{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--paper),transparent 10%);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 0;gap:24px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:500}.nav-brand a{display:flex;align-items:center;gap:10px;color:inherit}.nav-brand .dot{width:8px;height:8px;background:var(--accent);border-radius:0;flex-shrink:0}[data-variant=brutalist] .nav-brand .dot{width:12px;height:12px;border:1.5px solid var(--ink);background:var(--accent)}.nav-links{display:flex;gap:2px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.nav-links a{padding:6px 12px;color:var(--ink-2);border-radius:999px}.nav-links a:hover{background:var(--paper-2);color:var(--ink)}.nav-cta{justify-self:end;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);transition:all .15s ease}.nav-cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}[data-variant=brutalist] .nav-cta{border-radius:0;border-width:1.5px}@media(max-width:800px){.nav-links{display:none}}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer;transition:all .15s ease}.btn:hover,.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}[data-variant=brutalist] .btn{border-radius:0;border-width:1.5px;font-weight:700}.chip{padding:4px 10px;font-family:var(--font-mono);font-size:11px;background:var(--paper-2);color:var(--ink-2);border-radius:4px}[data-variant=brutalist] .chip{border:1px solid var(--ink);background:transparent;border-radius:0}.project-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:4px}[data-variant=brutalist] .project-badge{border-radius:0;border:1px solid var(--accent)}.project-badge .d{width:6px;height:6px;background:var(--accent);border-radius:999px;flex-shrink:0}.proj-hero{padding:72px 0 56px;border-bottom:1px solid var(--line)}.proj-back{margin-bottom:40px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.proj-back a:hover{color:var(--ink)}.proj-header-grid{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start}.proj-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.proj-header-main h1{font-family:var(--font-display);font-size:clamp(40px,6vw,80px);font-weight:350;letter-spacing:-.035em;line-height:.98;margin:0 0 20px;font-variation-settings:"opsz" 144,"SOFT" 0}[data-variant=terminal] .proj-header-main h1{font-weight:500;letter-spacing:-.04em}[data-variant=brutalist] .proj-header-main h1{font-weight:800;letter-spacing:-.03em;text-transform:uppercase}.proj-lede{font-size:18px;line-height:1.55;color:var(--ink-2);margin:0 0 28px;max-width:54ch}.proj-actions{display:flex;gap:10px;flex-wrap:wrap}.proj-meta{display:flex;flex-direction:column;gap:0;border-left:1px solid var(--line);padding-left:32px}.proj-meta-row{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-top:1px solid var(--line)}.proj-meta-row:last-child{border-bottom:1px solid var(--line)}.proj-meta-row>span:not(.mono){font-size:14px;color:var(--ink)}.chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.stack-row{gap:8px}.proj-ai-note{display:flex;gap:12px;align-items:flex-start;margin-top:36px;padding:16px 20px;background:var(--accent-soft);border-left:2px solid var(--accent);font-size:14px;color:var(--ink-2);line-height:1.55;max-width:72ch}[data-variant=brutalist] .proj-ai-note{border-left-width:4px}@media(max-width:900px){.proj-header-grid{grid-template-columns:1fr;gap:40px}.proj-meta{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:0}}.prose-wrap{padding:64px 0 48px;border-bottom:1px solid var(--line);max-width:1100px}.prose-wrap>:global(*){max-width:72ch}.prose-wrap :global(h2){font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:400;letter-spacing:-.02em;margin:48px 0 16px;line-height:1.1;color:var(--ink);padding-top:24px;border-top:1px solid var(--line)}.prose-wrap :global(h2:first-child){margin-top:0;padding-top:0;border-top:none}.prose-wrap :global(h3){font-family:var(--font-display);font-size:clamp(20px,2.2vw,26px);font-weight:400;letter-spacing:-.015em;margin:32px 0 12px;color:var(--ink)}.prose-wrap :global(p){margin:0 0 18px;color:var(--ink-2);font-size:16px;line-height:1.7}.prose-wrap :global(ul),.prose-wrap :global(ol){margin:0 0 18px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}.prose-wrap :global(li){color:var(--ink-2);font-size:16px;line-height:1.6;padding-left:20px;position:relative}.prose-wrap :global(li:before){content:"—";position:absolute;left:0;color:var(--accent);font-family:var(--font-mono)}.prose-wrap :global(a){color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose-wrap :global(code){font-family:var(--font-mono);font-size:13px;background:var(--paper-2);padding:2px 6px;border-radius:3px;color:var(--ink)}.prose-wrap :global(pre){background:var(--paper-2);border:1px solid var(--line);padding:20px 24px;border-radius:6px;overflow-x:auto;margin:0 0 24px}.prose-wrap :global(pre code){background:none;padding:0;font-size:13px}.prose-wrap :global(strong){color:var(--ink);font-weight:500}[data-variant=brutalist] .prose-wrap :global(h2){font-weight:800;text-transform:uppercase}[data-variant=brutalist] .prose-wrap :global(h3){font-weight:700}.callouts{padding:40px 0;display:flex;flex-direction:column;gap:16px}.callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border:1px solid var(--line);background:var(--paper-2)}[data-variant=brutalist] .callout{border-width:1.5px}.callout-left{display:flex;flex-direction:column;gap:6px}.callout-url{font-family:var(--font-mono);font-size:12px;color:var(--accent);word-break:break-all}.callout-url:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.callout{flex-direction:column;align-items:flex-start}}.footer{padding:32px 0 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em}.footer .sig{text-align:right;display:flex;gap:16px;justify-content:flex-end}.footer a:hover{color:var(--ink)}.status{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:6px 16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-strong);pointer-events:none}.status .left,.status .right{display:flex;gap:16px;align-items:center}.status .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.3}}@media(max-width:700px){.status .hide-sm{display:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation:none!important;transition:none!important}}