/* Self-hosted brand fonts (replaces Google Fonts external requests).
   Same families/weights/subset as the previous Google Fonts CSS2 request —
   Darker Grotesque + Inter are variable fonts, so one file covers the full
   weight range used across the site. Material Symbols Outlined is subset to
   only the icon glyphs actually used on the site via Google's icon-picker
   subsetting endpoint (fonts.google.com/icons), cutting it from ~1.1MB to ~14KB. */

@font-face {
  font-family: 'Darker Grotesque';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/darker-grotesque-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url('../fonts/material-symbols-outlined-subset.woff2') format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}