/* Inter Tight (headings and text) and Kalam (the drawings' handwriting), both SIL Open Font License 1.1, self-hosted here
   with their LICENSE.txt files and served from /fonts, so the page makes no third-party request. Root-absolute URLs
   keep the files resolvable however this stylesheet is served. */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-tight/inter-tight-latin-wght-normal.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;
}
@font-face {
  font-family: Kalam;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/kalam/kalam-latin-400-normal.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;
}

/* Metric-matched fallbacks: the system Arial (or its metric twin Liberation Sans) resized to each face's measured average
   advance and given its vertical metrics, so text painted before the web font arrives takes the room the web font will
   and nothing reflows when it swaps in. Arial has two weights where Inter Tight is variable, so each weight band the page
   uses gets its own scale. Each override is divided by its size-adjust, because the browser scales the overrides again. */
@font-face {
  font-family: 'Inter Tight Fallback';
  font-style: normal;
  font-weight: 100 450;
  src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans');
  size-adjust: 96%;
  ascent-override: 101%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Inter Tight Fallback';
  font-style: normal;
  font-weight: 451 650;
  src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans');
  size-adjust: 98.4%;
  ascent-override: 98.6%;
  descent-override: 24.4%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Inter Tight Fallback';
  font-style: normal;
  font-weight: 651 900;
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold');
  size-adjust: 98.3%;
  ascent-override: 98.7%;
  descent-override: 24.4%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Kalam Fallback';
  font-style: normal;
  font-weight: 400;
  src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans');
  size-adjust: 95.4%;
  ascent-override: 111.1%;
  descent-override: 55.6%;
  line-gap-override: 0%;
}
