/* Brandon Grotesque — brand typeface, self-hosted (see brand
   guidelines .idea/design/brand-guidelines/21-typeface-primary.jpg).
   Weights: Light 300, Regular 400, Medium 500, Bold 700. */

@font-face {
  font-family: "Brandon Grotesque";
  src:
    url("BrandonGrotesque-Light.woff2") format("woff2"),
    url("BrandonGrotesque-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src:
    url("BrandonGrotesque-Regular.woff2") format("woff2"),
    url("BrandonGrotesque-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src:
    url("BrandonGrotesque-Medium.woff2") format("woff2"),
    url("BrandonGrotesque-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src:
    url("BrandonGrotesque-Bold.woff2") format("woff2"),
    url("BrandonGrotesque-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}