/* Talos — the bronze automaton. Cast bronze on a forge-dark ground, Fraunces at a heavy optical
   size for headings, Onest for prose, JetBrains Mono for numbers. */

:root {
  --page-bg: #14100c; --page-text: #eadfd2; --page-muted: #b1a291; --page-line: #33281e;
  --page-accent: #d9934a; --strong: #fff5e9; --surface: #1c1610; --raise: #261d15;
  --code-bg: #0f0c09; --code-text: #f0d5b2;
  --page-ui: "Onest", system-ui, sans-serif;
  --display: "Fraunces", Georgia, serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --bronze: linear-gradient(100deg, #8a5a2b, #e0a25c 35%, #f4cf96 50%, #c27d3a 65%, #7a4c22);
  --k-ink: #eadfd2; --k-accent: #e0a25c; --k-b: #8fb3d9; --k-c: #c79bd6; --k-ok: #9ccf8a; --k-muted: #8c7d6d; --k-file: #b1a291;
  color-scheme: dark;
}
.hero h1 { font: 800 clamp(60px, 9vw, 120px)/0.9 var(--display); font-variation-settings: "opsz" 144, "SOFT" 0, "WONK" 1;
  letter-spacing: -0.03em; background: var(--bronze); -webkit-background-clip: text; background-clip: text; color: transparent; }
.part > h2 { font: 700 clamp(28px, 3.4vw, 42px)/1.05 var(--display); font-variation-settings: "opsz" 96; color: #f0c48a; }
.shot { margin: 0; }
.shot img { display: block; width: 100%; max-width: 300px; height: auto; margin-left: auto; border-radius: 16px; border: 1px solid #4a3828; }
.shot figcaption { margin-top: 8px; font-size: 13.5px; color: var(--page-muted); text-align: right; }
.fig { padding: 16px 12px; background: var(--surface); border: 1px solid var(--page-line); border-top: 3px solid #b0743a; border-radius: 6px; }
.dg .lab-bg { fill: var(--surface); }
.dg .halo { stroke: var(--surface); }
table td.num { font-family: var(--mono); text-align: right; white-space: nowrap; }
p.note { font-size: 14px; color: var(--page-muted); }