:root {
  color-scheme: dark;
  --bg: #0b0b0b;
  --panel: #141414;
  --text: #f2eee3;
  --muted: #aaa59a;
  --line: rgba(255,255,255,.12);
  --accent: #e8c474;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
.wrap { width: min(1100px, calc(100% - 40px)); margin: 0 auto; }
.site-footer {
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .82rem;
  padding: 24px 0 40px;
}
.site-footer .wrap { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.kicker { text-transform: uppercase; letter-spacing: .16em; font-size: .74rem; color: var(--muted); }
img { height: auto; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.skip-link { position:fixed; top:8px; left:8px; z-index:100; padding:12px 18px; background:var(--bg); color:var(--text); transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { transition:none !important; }
}