/* ═══════════════════════════════════════════════════════════
   FONTS — self-hosted.

   The portfolio loads these from fonts.googleapis.com. Serving them
   from our own origin removes two third-party connections
   (preconnect + CSS fetch + font fetch) from the critical path.

   SETUP REQUIRED — see README-DEPLOY.md §4.
   Download the woff2 files into assets/fonts/ before going live.
   Until they exist the @font-face rules simply fail and the
   font-family fallbacks below render instead — the site stays
   usable, it just does not look right.

   Easiest source: https://gwfh.mranftl.com/fonts
   Pick "latin" subset, woff2 only.

   Expected filenames:
     bebas-neue-v16-latin-regular.woff2
     space-mono-v17-latin-regular.woff2
     space-mono-v17-latin-700.woff2
     space-mono-v17-latin-italic.woff2
     syne-v24-latin-regular.woff2
     syne-v24-latin-700.woff2
     syne-v24-latin-800.woff2
   (Version numbers may differ — rename to match, or edit the paths.)
   ═══════════════════════════════════════════════════════════ */

@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/bebas-neue-v16-latin-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-mono-v17-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-mono-v17-latin-700.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-mono-v17-latin-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Syne";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/syne-v24-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Syne";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/syne-v24-latin-700.woff2") format("woff2");
}
@font-face {
  font-family: "Syne";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/syne-v24-latin-800.woff2") format("woff2");
}