/* MakeMode — the brand face, for the brochure pages.
   ---------------------------------------------------------------------------
   Every page here inlines its own CSS, which is why the font stack was copied into
   forty <style> blocks that all began with Futura — a licensed face we can't ship. The
   result: the masthead read as Futura on a Mac that had it, Century Gothic or Trebuchet
   on everything else, and Jost in the downloadable logo files. Three wordmarks for one
   brand.
   So the pages link this file instead. It loads Jost (SIL OFL) from our own bucket and
   redefines --mm-font on :root; because the link sits after each page's inline <style>,
   this token wins without touching forty declarations. Futura stays next in the stack
   for anyone who has it and for the moment before the webfont lands.
   The same @font-face block lives in site/design/tokens.css for the app surfaces, which
   don't link this file — change one, change both. build-nav.mjs fails the deploy if a
   page loses the link. */

@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;
  src:url("/brand/fonts/jost-500.woff2") format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:600;font-display:swap;
  src:url("/brand/fonts/jost-600.woff2") format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:700;font-display:swap;
  src:url("/brand/fonts/jost-700.woff2") format("woff2")}

:root{
  --mm-font:"Jost",Futura,"Century Gothic","Trebuchet MS",system-ui,-apple-system,sans-serif;
}