/* Self-hosted fonts (latin subset) — served locally, no third-party request. */

/* PT Sans 400 */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/self/ptsans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* PT Sans 700 */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/self/ptsans-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Roboto (variable) */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/self/roboto-var.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Width-matched fallbacks. Until the web font arrives the page is drawn in Arial, which is wider than PT Sans
   and Roboto, so text (the navigation especially) used to jump and shrink on every load. These faces scale
   Arial to the measured width of each font, so the swap changes almost nothing. Ratios measured as
   web font width / Arial width: PT Sans 400 0.939, 700 0.891; Roboto 400 0.977, 700 0.941. */
@font-face { font-family: 'PT Sans Fallback'; font-weight: 400; src: local('Arial'), local('ArialMT'); size-adjust: 93.9%; }
@font-face { font-family: 'PT Sans Fallback'; font-weight: 700; src: local('Arial Bold'), local('Arial-BoldMT'); size-adjust: 89.1%; }
/* Uppercase bold nav links are narrower relative to Arial than mixed-case text: measured separately. */
@font-face { font-family: 'PT Sans Nav Fallback'; font-weight: 700; src: local('Arial Bold'), local('Arial-BoldMT'); size-adjust: 84.3%; }
@font-face { font-family: 'Roboto Fallback'; font-weight: 400; src: local('Arial'), local('ArialMT'); size-adjust: 97.7%; }
@font-face { font-family: 'Roboto Fallback'; font-weight: 700; src: local('Arial Bold'), local('Arial-BoldMT'); size-adjust: 94.1%; }

