:root{
  --surface:#f5f3ee;--surface-raised:#fbfaf7;--surface-sunk:#ebe8e0;
  --ink:#17160f;--ink-muted:#5b5850;--on-ink:#f5f3ee;
  --hairline:#d6d2c7;--rule-strong:#8f8a7e;
  --signal:#b83a12;--on-signal:#ffffff;--signal-soft:#f4dccf;--live:#2c6a43;
  --focus-ring:var(--signal);
  --font-serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --font-sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;
  --radius-sm:2px;--radius-md:4px;--measure:68ch;--container:1120px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --surface:#121211;--surface-raised:#1b1b19;--surface-sunk:#0b0b0a;
  --ink:#ece9e1;--ink-muted:#a39f94;--on-ink:#121211;
  --hairline:#2f2e2a;--rule-strong:#6e6a61;
  --signal:#ff7d4f;--on-signal:#1a0c05;--signal-soft:#4a2618;--live:#7cc497;
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --surface:#121211;--surface-raised:#1b1b19;--surface-sunk:#0b0b0a;
  --ink:#ece9e1;--ink-muted:#a39f94;--on-ink:#121211;
  --hairline:#2f2e2a;--rule-strong:#6e6a61;
  --signal:#ff7d4f;--on-signal:#1a0c05;--signal-soft:#4a2618;--live:#7cc497;
}
*{box-sizing:border-box}
body{background:var(--surface);color:var(--ink);font:400 16px/26px var(--font-sans);margin:0}
a:focus-visible,button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--space-8)}
.label{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.meta{font:400 13px/20px var(--font-mono);color:var(--ink-muted)}

/* header */
.ca-header{border-bottom:1px solid var(--hairline)}
.ca-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-4)}
.ca-wordmark{font:500 22px/28px var(--font-serif);letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.ca-nav{display:flex;gap:var(--space-6)}
.ca-nav a{color:var(--ink-muted);text-decoration:none}
.ca-nav a:hover{color:var(--ink)}

/* hero */
.hero{padding-block:var(--space-24) var(--space-16);display:grid;gap:var(--space-6)}
.hero h1{margin:0;font:400 64px/64px var(--font-serif);letter-spacing:-.02em;max-width:18ch;text-wrap:balance}
.hero p{margin:0;max-width:56ch;color:var(--ink-muted)}
.hero .facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6)}

/* sections */
section{padding-block:var(--space-12) var(--space-16)}
.ca-sh{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-4);align-items:baseline;border-top:1px solid var(--hairline);padding-top:var(--space-4);margin-bottom:var(--space-8)}
.ca-sh-index{font:500 12px/16px var(--font-mono);letter-spacing:.08em;color:var(--signal)}
.ca-sh-eyebrow{color:var(--ink-muted)}
.ca-sh h2{grid-column:2;margin:var(--space-2) 0 0;font:400 40px/44px var(--font-serif);letter-spacing:-.015em;text-wrap:balance}

/* cards */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.ca-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--space-3);padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--ink);text-decoration:none;transition:border-color 120ms ease-out}
a.ca-card:hover{border-color:var(--rule-strong)}
.ca-card-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}
.ca-card-kind{color:var(--ink-muted)}
.ca-card h3{margin:0;font:500 26px/32px var(--font-serif);letter-spacing:-.01em}
.ca-card p{margin:0;font-size:14px;line-height:22px;color:var(--ink-muted)}
.ca-card-meta{display:flex;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--hairline);padding-top:var(--space-3)}
.ca-card-go{color:var(--signal)}
.ca-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--hairline);color:var(--ink-muted);background:var(--surface-raised);white-space:nowrap}
.ca-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ca-tag-live{color:var(--live)}
.ca-tag-dev{color:var(--ink);background:var(--signal-soft);border-color:var(--signal-soft)}
.ca-tag-dev::before{background:var(--signal)}

/* about / contact */
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}
.prose p{margin:0 0 var(--space-4);max-width:var(--measure)}
.contact{display:grid;gap:var(--space-4);align-content:start}
.email{font:400 26px/32px var(--font-serif);color:var(--ink);word-break:break-all}
.copy{justify-self:start;font:500 14px/20px var(--font-sans);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--rule-strong);background:transparent;color:var(--ink);cursor:pointer;transition:border-color 120ms ease-out}
.copy:hover{border-color:var(--ink)}

/* footer */
.ca-footer{background:var(--surface-sunk);border-top:1px solid var(--hairline);color:var(--ink-muted);font-size:14px;line-height:22px}
.ca-footer .wrap{padding-block:var(--space-12) var(--space-8);display:grid;gap:var(--space-8)}
.ca-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-6)}
.ca-footer h4{margin:0 0 var(--space-2);color:var(--ink)}
.ca-footer p{margin:0}
.ca-footer a{color:var(--ink);text-underline-offset:3px}
.ca-footer-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);border-top:1px solid var(--hairline);padding-top:var(--space-4)}

@media (max-width:720px){
  .wrap{padding-inline:var(--space-4)}
  .hero{padding-block:var(--space-16) var(--space-12)}
  .hero h1{font-size:44px;line-height:46px}
  .ca-sh h2{font-size:32px;line-height:36px}
  .two{grid-template-columns:1fr;gap:var(--space-8)}
  .grid{grid-template-columns:1fr}
  .ca-header .wrap{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}