/* 7EMPLE — Self-hosted brand fonts (Fontshare, ITF Free Font License — free for commercial use).
   Clash Display = display / headlines.  Satoshi = body / UI.
   Paths are relative to THIS file, so they resolve from any page depth
   (root, work/*/, nl/, field-notes/) without per-page adjustment.

   Weight notes:
   - Clash Display ships max weight 700. Headlines that ask for 800/900 are
     covered by the 700 face via a weight-range descriptor (real Clash Bold
     glyphs, no synthetic bold).
   - font-synthesis is intentionally left at its default (on) so the rare
     italic body quote renders as a synthesized oblique (Satoshi has no italic). */

/* ─── Clash Display (headlines) ─────────────────────── */
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/clash-display-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/clash-display-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/clash-display-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/clash-display-700.woff2') format('woff2');
  font-weight: 700 900;   /* covers 700 / 800 / 900 headline weights */
  font-style: normal;
  font-display: swap;
}

/* ─── Satoshi (body / UI) ───────────────────────────── */
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi-500.woff2') format('woff2');
  font-weight: 500 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi-700.woff2') format('woff2');
  font-weight: 700 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}