/* Self-hosted fonts for hilte.engineer - LIVE since 26 Oct 2026.
   Replaces the Google Fonts stylesheet. Only latin + latin-ext are included:
   that covers Dutch and English. The full Google stylesheet had 62 blocks
   (all scripts); visitors only ever download the subsets they need, so this
   is not a behaviour change for NL/EN visitors, it just removes the
   Google CSS round-trip and makes the files cacheable on hilte.engineer itself.

   Place this file next to index.html as: assets/fonts.css
   Place the woff2 files from download-fonts.txt in: assets/fonts/
   Then apply head-snippet.html and the CSS stack change in README-TOEPASSEN.md.
*/

/* Open Sans, normal. Google serves the same variable file for weights
   300-700, and its own stylesheet declares one block per weight pointing
   to that same file. This patch copies that exact pattern, instead of
   relying on a weight range, so 300, 400, 600 and 700 keep rendering
   as distinct weights. */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-latin.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: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-latin.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: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-latin.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: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-latin.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: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Open Sans, italic 400 (only italic weight the site requests). */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-italic-latin.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: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/open-sans-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Saira Extra Condensed, normal 400, 500, 600, 700. */
@font-face {
  font-family: "Saira Extra Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/saira-extra-condensed-400-latin.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: "Saira Extra Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/saira-extra-condensed-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Saira Extra Condensed";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/saira-extra-condensed-500-latin.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: "Saira Extra Condensed";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/saira-extra-condensed-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Saira Extra Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/saira-extra-condensed-600-latin.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: "Saira Extra Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/saira-extra-condensed-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Saira Extra Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/saira-extra-condensed-700-latin.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: "Saira Extra Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/saira-extra-condensed-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Metric-matched fallbacks, added 2026-10-26 to reduce CLS on font swap.
   Values measured from the live woff2 files, not guessed:
   Saira vs Liberation Sans Narrow, Open Sans vs Liberation Sans. */
@font-face {
  font-family: "Saira Fallback";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Arial Narrow"), local("Liberation Sans Narrow");
  size-adjust: 73.36%;
  ascent-override: 154.73%;
  descent-override: 59.85%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Saira Fallback";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Arial Narrow"), local("Liberation Sans Narrow");
  size-adjust: 74.15%;
  ascent-override: 153.07%;
  descent-override: 59.21%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Saira Fallback";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Arial Narrow"), local("Liberation Sans Narrow");
  size-adjust: 72.54%;
  ascent-override: 156.46%;
  descent-override: 60.52%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Saira Fallback";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Arial Narrow"), local("Liberation Sans Narrow");
  size-adjust: 73.31%;
  ascent-override: 154.83%;
  descent-override: 59.89%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Open Sans Fallback";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: local("Arial"), local("Liberation Sans");
  size-adjust: 88.37%;
  ascent-override: 120.95%;
  descent-override: 33.15%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Open Sans Fallback";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Arial"), local("Liberation Sans");
  size-adjust: 84.92%;
  ascent-override: 125.87%;
  descent-override: 34.50%;
  line-gap-override: 0%;
}

/* Text-specific fallbacks, added 2026-10-26 round 2.
   The font-wide xAvgCharWidth ratio was wrong for prose: measured on the
   actual intro text (EN 830 chars, NL 851 chars) Open Sans prose is wider
   than Arial, needing size-adjust 104.02% (EN) / 104.22% (NL), not 88.37%.
   Stat values measured on the actual values need 80.14% for Saira 700
   vs Liberation Sans Narrow Bold, not 73.31%. */
@font-face {
  font-family: "Open Sans Prose Fallback";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: local("Arial"), local("Liberation Sans");
  size-adjust: 104.10%;
  ascent-override: 102.70%;
  descent-override: 28.14%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Saira Stat Fallback";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Arial Narrow"), local("Liberation Sans Narrow");
  size-adjust: 80.14%;
  ascent-override: 141.63%;
  descent-override: 54.77%;
  line-gap-override: 0%;
}