@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/img/fonts/X7n64b87HvSqjb_WIi2yDCRwoQ_k7367_AWs-dLCHg.woff2) format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/img/fonts/pxiByp8kv8JHgFVrLEj6V15vEv-L.woff2) format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/img/fonts/pxiByp8kv8JHgFVrLCz7V15vEv-L.woff2) format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/img/fonts/pxiByp8kv8JHgFVrLDD4V15vEv-L.woff2) format('woff2');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/img/fonts/6xKtdSZaM9iE8KbpRA_RKV4KQOI.woff2) format('woff2');
}

/* X70: font-metric fallbacks. Each Web font ships a matching @font-face
   that points at a system fallback (Arial-Latin defaults via local()
   on macOS/Windows, sans-serif elsewhere) with size-adjust + ascent/
   descent overrides chosen so the fallback occupies the exact same
   line height as the Web font. While the woff2 is in flight, browsers
   render with the fallback at matching dimensions, so the swap (or
   first paint when the woff2 is cache-warm) does not trigger a layout
   shift.

   Override values follow fontaine / Industrial Empathy generators for
   each upstream font. They are stable across font-versions because
   they are derived from the woff2 metrics tables, not heuristics. */

@font-face {
  font-family: 'Poppins fallback';
  src: local('Arial');
  size-adjust: 112%;
  ascent-override: 95%;
  descent-override: 31%;
  line-gap-override: 9%;
}

@font-face {
  font-family: 'Quicksand fallback';
  src: local('Arial');
  size-adjust: 100%;
  ascent-override: 76%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Fredoka fallback';
  src: local('Arial');
  size-adjust: 100%;
  ascent-override: 100%;
  descent-override: 25%;
  line-gap-override: 0%;
}