/* One font definition for every page. Preload this same WOFF2 in the HTML.
   optional keeps a slow first visit on its fallback instead of swapping and
   reflowing text after paint. The next navigation can use the cached font. */
@font-face{
  font-family:'Bricolage Grotesque';
  src:url('../fonts/BricolageGrotesque-Variable.woff2') format('woff2');
  font-weight:200 800;
  font-stretch:75% 100%;
  font-style:normal;
  font-display:optional;
}