/* ===================================================================
   Free, self-hosted typefaces mapped onto the original family names so
   nothing else in the codebase needs to change.

   Headlines  "Feature Display"  ->  Fraunces        (SIL Open Font License)
   Body        "Neue Montreal"   ->  Hanken Grotesk  (SIL Open Font License)

   Both are variable fonts; the weight ranges below cover every weight
   the site uses (300-700). Free for commercial use, no licensing needed.
   This file is linked AFTER the external CDN stylesheet on every page so
   these @font-face rules override the original paid faces.
   =================================================================== */

/* ---------- Headlines / display  (Fraunces) ---------- */
@font-face {
  font-family: "Feature Display";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../assets/fonts/feature-display.woff2") format("woff2");
}
@font-face {
  font-family: "Feature Display";
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url("../assets/fonts/feature-display-italic.woff2") format("woff2");
}

/* ---------- Body / sans  (Hanken Grotesk) ---------- */
@font-face {
  font-family: "Neue Montreal";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../assets/fonts/neue-montreal.woff2") format("woff2");
}
@font-face {
  font-family: "Neue Montreal";
  font-style: italic;
  font-weight: 300 500;
  font-display: swap;
  src: url("../assets/fonts/neue-montreal-italic.woff2") format("woff2");
}

/* Let Fraunces pick its display optical size automatically on large headings */
:root { font-optical-sizing: auto; }