@font-face {
  font-family: 'Neue Haas Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url("/assets/fonts/NeueHaasGroteskDisplay-65Medium-Web.woff2") format('woff2');
}

@font-face {
  font-family: 'Neue Haas Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url("/assets/fonts/NeueHaasGroteskDisplay-75Bold-Web.woff2") format('woff2');
}

@font-face {
  font-family: 'Neue Haas Grotesk';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url("/assets/fonts/NeueHaasGroteskDisplay-95Black-Web.woff2") format('woff2');
}

@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  /* Supports all weights from 100 to 900 via variable font technology */
  font-weight: 100 900;
  font-display: optional;
  src: url("/assets/fonts/InterVariable.woff2") format('woff2 supports variations');
}