/* ---- v1.17 §3.14.15: fonts served from the site ----------------------------------------------------------
   The three faces the site used from Google Fonts, downloaded once (the latin subset, woff2) and served from
   /fonts/ with their SIL Open Font Licences beside them: no request goes to fonts.googleapis.com or
   fonts.gstatic.com. The faces used above the fold are preloaded in the page head.
   Each has a fallback face: a system font (Arial, Georgia) resized and given the web font's own vertical metrics,
   so the text laid out before the web font arrives takes the same room and nothing moves when it swaps in.
   The figures were measured in Chrome against a sentence of the site's own words (the width ratio for
   size-adjust; ascent and descent from the web font, divided by that ratio; no line gap). */

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("/fonts/montserrat-latin.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("/fonts/montserrat-italic-latin.woff2") format("woff2"); }
@font-face { font-family: "Marcellus SC"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/fonts/marcellus-sc-latin.woff2") format("woff2"); }
@font-face { font-family: "Metal Mania"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/fonts/metal-mania-latin.woff2") format("woff2"); }

/* The fallbacks, drawn in the web font's space until it loads. */
@font-face { font-family: "Montserrat fallback"; font-style: normal;
  src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Roboto");
  size-adjust: 110.63%; ascent-override: 87.68%; descent-override: 22.60%; line-gap-override: 0%; }
@font-face { font-family: "Montserrat fallback"; font-style: italic;
  src: local("Arial Italic"), local("Arial-ItalicMT"), local("Helvetica Oblique"), local("Roboto Italic");
  size-adjust: 111.88%; ascent-override: 86.70%; descent-override: 22.34%; line-gap-override: 0%; }
@font-face { font-family: "Marcellus SC fallback";
  src: local("Georgia"), local("Times New Roman"), local("Noto Serif");
  size-adjust: 103.03%; ascent-override: 94.15%; descent-override: 27.18%; line-gap-override: 0%; }
@font-face { font-family: "Metal Mania fallback";
  src: local("Georgia"), local("Times New Roman"), local("Noto Serif");
  size-adjust: 86.25%; ascent-override: 108.99%; descent-override: 34.78%; line-gap-override: 0%; }

:root {
  --display: "Metal Mania", "Metal Mania fallback", "Papyrus", fantasy;
  --serif:   "Marcellus SC", "Marcellus SC fallback", Georgia, "Times New Roman", serif;
  --body:    "Montserrat", "Montserrat fallback", Helvetica, Arial, "Lucida Grande", sans-serif;
}