/**
 * Self-hosted Poppins, replacing the Google Fonts CDN request.
 *
 * font-display: optional (not swap) - the fallback (Arial/sans-serif) has different
 * character widths than Poppins, so swapping fonts after first paint reflows text and
 * shifts anything anchored to that content's height (e.g. the hero content, which is
 * position:absolute; bottom:0). optional means the browser either has the font ready
 * in a very short window or keeps the fallback for the whole render - no mid-page swap.
 */
@font-face {
  font-display: optional;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v24-latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
  font-display: optional;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v24-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-display: optional;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v24-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-display: optional;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v24-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
  font-display: optional;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins-v24-latin_latin-ext-900.woff2') format('woff2');
}