/* Drew Professional — self-hosted fonts (offline, no CDN needed).
   Variable woff2, subset to Latin + punctuation (·, ×, —, →, …). One file per
   family/style spans weights 400–700, so 400/500/600/700 in brand.css are all
   real weights — never browser-synthesised bold. Fraunces and Inter also carry
   an optical-size axis, which browsers apply automatically by font-size.
   Link this INSTEAD of the Google Fonts <link>:  <link rel="stylesheet" href="assets/css/fonts.css">  */

@font-face{
  font-family:'Fraunces'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('../fonts/fraunces.woff2') format('woff2');
}
@font-face{
  font-family:'Fraunces'; font-style:italic; font-weight:400 700; font-display:swap;
  src:url('../fonts/fraunces-italic.woff2') format('woff2');
}
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('../fonts/inter.woff2') format('woff2');
}
@font-face{
  font-family:'Inter'; font-style:italic; font-weight:400 700; font-display:swap;
  src:url('../fonts/inter-italic.woff2') format('woff2');
}
@font-face{
  font-family:'JetBrains Mono'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('../fonts/jetbrainsmono.woff2') format('woff2');
}
@font-face{
  font-family:'Space Grotesk'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('../fonts/spacegrotesk.woff2') format('woff2');
}