/* ============================================================
   SATOSHI · self-hosted
   Loaded FIRST on every page, so the faces are registered before any rule
   asks for them.

   Why self-hosted: the site requested Satoshi from Fontshare's v2 API, which
   now answers with a commented-out notice reading "Access to the Fontshare API
   has been temporarily restricted" instead of @font-face rules — no error, no
   failed request, just a stylesheet containing nothing but a comment. So every
   "Satoshi" in the CSS silently fell through to
   -apple-system / system-ui and the whole site rendered in the OS default,
   while document.fonts.check('16px Satoshi') still answered TRUE, because that
   reports whether the family is USABLE, not whether the webfont arrived.

   Serving the files ourselves removes the outage, and is faster besides: no
   extra DNS lookup, TLS handshake and round trip to a third party before any
   text can settle. 97KB for four weights.

   Only the weights the site actually uses are here — 500 (by far the most),
   400, 700 and 300. Fontshare offers no 600; the one rule asking for it gets a
   synthesised weight, as it did before.

   Satoshi is by the Indian Type Foundry, under their free font licence, which
   permits self-hosting for commercial use.
   ============================================================ */

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@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;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}