/* The harness plays the Site: fonts, the site's tokens (verbatim from the new
   site's landing) and a bare header. The Site's shell replaces all of this. */

@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/newsreader-400.ttf) format("truetype"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/newsreader-400-italic.ttf) format("truetype"); }
@font-face { font-family: "Geist"; font-weight: 400; font-display: swap; src: url(fonts/geist-400.ttf) format("truetype"); }
@font-face { font-family: "Geist"; font-weight: 500; font-display: swap; src: url(fonts/geist-500.ttf) format("truetype"); }
@font-face { font-family: "Geist"; font-weight: 600; font-display: swap; src: url(fonts/geist-600.ttf) format("truetype"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 400; font-display: swap; src: url(fonts/jetbrains-mono-400.ttf) format("truetype"); }
@font-face { font-family: "DM Sans"; font-weight: 600; font-display: swap; src: url(fonts/dm-sans-600-latin.woff2) format("woff2"); }

:root {
  --bg: #f7f0e1;
  --bg-deep: #ede1ca;
  --surface: #fffdf8;
  --text: #211a10;
  --text-muted: #6e6350;
  --text-faint: #8a7f68;
  --border: #e9dec7;
  --border-strong: #d8cbaa;
  --accent: #2b231b;
  --font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-body: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --gutter: clamp(16px, 5vw, 64px);
  --wrap: 1240px;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font: 16px/1.55 var(--font-body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; }

.h-bar { max-width: var(--wrap); margin: 0 auto; padding: 22px var(--gutter); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.h-brand { display: inline-flex; align-items: center; gap: 9px; font: 600 22px "DM Sans", var(--font-body); text-decoration: none; }
.h-dot { width: 26px; height: 26px; border-radius: 50%; background: var(--accent); }
.h-nav { display: flex; gap: 20px; align-items: center; font-size: 14px; color: var(--text-muted); }
.h-nav a { text-decoration: none; }
.h-nav a[aria-current] { color: var(--text); border-bottom: 1.5px solid var(--text); }
.h-cta { background: var(--accent); color: #fff8ee !important; padding: 8px 14px; border-radius: 99px; }
@media (max-width: 760px) { .h-nav a:not(.h-cta):not([aria-current]) { display: none; } }