/* =========================================
   FONTS — self-hosted
   Previously loaded from api.fontshare.com, which created a four-hop
   critical path: HTML -> fontshare CSS -> cdn.fontshare woff2. Lighthouse
   measured 1,144ms of critical path latency on that chain.

   Serving the woff2 files from our own origin removes two hops. Because
   these are @font-face declarations, the browser still downloads only the
   weights a page actually uses.

   Clash Display and Satoshi are Indian Type Foundry faces distributed
   through Fontshare, whose licence permits self-hosting for web use.
   ========================================= */

@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;
  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;
}