/* ============================================================
   SELF-HOSTED FONTS
   Replaces the Google Fonts CDN (fonts.googleapis.com /
   fonts.gstatic.com). Loaded before style.css.

   Place the font files below in a /fonts/ folder at the site
   root (sibling of /css/, /js/) — see the note at the bottom of
   this file for exactly what to download and where each file
   goes.
============================================================ */

/* Inter — body text */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/inter-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/inter-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/inter-600.woff2') format('woff2');
}

/* Syne — headings */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/syne-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/syne-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/syne-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/syne-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/syne-800.woff2') format('woff2');
}

/* ------------------------------------------------------------
   HOW TO GET THE FILES (this session can't download binaries):
   1. Go to https://gwfh.mranftl.com/fonts (Google Webfonts Helper)
   2. Select "Inter", check weights 300/400/500/600, "modern
      browsers" (woff2 only), download, rename the 4 files to
      inter-300.woff2, inter-400.woff2, inter-500.woff2, inter-600.woff2
   3. Repeat for "Syne", weights 400/500/600/700/800, rename to
      syne-400.woff2 ... syne-800.woff2
   4. Drop all 9 files into /fonts/ at the site root.
------------------------------------------------------------ */