@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('/brand/fonts/BricolageGrotesque-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('/brand/fonts/Geist-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('/brand/fonts/Geist-Italic-Variable.woff2') format('woff2');
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

/* Shared by the standalone homepage and native marketing pages. */
:root {
  --marketing-font-body: 'Geist', 'Helvetica Neue', Arial, sans-serif;
  --marketing-font-display: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
}