/* ============================================================
   TYPOGRAPHY — Inter (body) + Space Grotesk (display)
   Loaded after fonts.css on the new multi-page site only.
   ============================================================ */
:root {
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
}
body {
  font-family: var(--font-body);
  font-weight: 400;
}
h1, h2, h3, .large, .lede {
  font-family: var(--font-display);
}
h1 { font-weight: 600; letter-spacing: -0.015em; }
h2 { font-weight: 600; letter-spacing: -0.01em; }
h3, .large { font-weight: 500; }
.lede { font-weight: 400; }
.badge, .chip, .crumbs, .pcard-link, .contact-btn, .button { font-family: var(--font-display); }