@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/inter/Inter-Light-BETA.woff2") format("woff2"),
    url("/fonts/inter/Inter-Light-BETA.woff") format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2"),
    url("/fonts/inter/Inter-Regular.woff") format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter/Inter-Medium.woff2") format("woff2"),
    url("/fonts/inter/Inter-Medium.woff") format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter/Inter-SemiBold.woff2") format("woff2"),
    url("/fonts/inter/Inter-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter/Inter-Bold.woff2") format("woff2"),
    url("/fonts/inter/Inter-Bold.woff") format("woff");
}

@font-face {
  font-family: aeonik;
  src: url("/fonts/aeonik/AeonikTRIAL-Regular.woff2") format("woff2"),
    url("/fonts/aeonik/AeonikTRIAL-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: aeonik;
  src: url("/fonts/aeonik/AeonikTRIAL-Light.woff2") format("woff2"),
    url("/fonts/aeonik/AeonikTRIAL-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: aeonik;
  src: url("/fonts/aeonik/AeonikTRIAL-Bold.woff2") format("woff2"),
    url("/fonts/aeonik/AeonikTRIAL-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("/fonts/brandon/BrandonGrotesque-Bold.eot");
  src: local("Brandon Grotesque Bold"),
    local("/fonts/brandon/BrandonGrotesque-Bold"),
    url("/fonts/brandon/BrandonGrotesque-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/brandon/BrandonGrotesque-Bold.woff") format("woff"),
    url("/fonts/brandon/BrandonGrotesque-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("/fonts/brandon/BrandonGrotesque-Light.eot");
  src: local("Brandon Grotesque Light"),
    local("/fonts/brandon/BrandonGrotesque-Light"),
    url("/fonts/brandon/BrandonGrotesque-Light.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/brandon/BrandonGrotesque-Light.woff") format("woff"),
    url("/fonts/brandon/BrandonGrotesque-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("/fonts/brandon/BrandonGrotesque-Black.eot");
  src: local("Brandon Grotesque Black"),
    local("/fonts/brandon/BrandonGrotesque-Black"),
    url("/fonts/brandon/BrandonGrotesque-Black.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/brandon/BrandonGrotesque-Black.woff") format("woff"),
    url("/fonts/brandon/BrandonGrotesque-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("/fonts/brandon/BrandonGrotesque-Medium.eot");
  src: local("Brandon Grotesque Medium"),
    local("/fonts/brandon/BrandonGrotesque-Medium"),
    url("/fonts/brandon/BrandonGrotesque-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/brandon/BrandonGrotesque-Medium.woff") format("woff"),
    url("/fonts/brandon/BrandonGrotesque-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

a {
  color: inherit;
  text-decoration: none;
}

html,
body {
  --monochrome-color: #003674;
  --monochrome-opacity: 0.6;
  --monochrome-mix: color;
  --monochrome-filter: grayscale(1);
  --monochrome-safari-video-opacity: 0.6;
  --monochrome-safari-video-mix: color;
  --monochrome-safari-video-filter: grayscale(1);
}

_::-webkit-full-page-media,
_:future,
:root body {
  --monochrome-safari-video-opacity: 0.9;
  --monochrome-safari-video-mix: color-dodge;
  --monochrome-safari-video-filter: grayscale(1) brightness(0.85);
}

@media (max-width: 340px) {
  html {
    font-size: 14px;
  }
}

.monochrome-filter {
  filter: var(--monochrome-filter);
}

.monochrome-blend {
  background-color: var(--monochrome-color);
  mix-blend-mode: var(--monochrome-mix);
  opacity: var(--monochrome-opacity);
}

/* on safari, when video, use color-dodge, and add brightness filter to image */
/* Safari 7.1+ */

.monochrome-filter.monochrome-video {
  filter: var(--monochrome-safari-video-filter);
}

.monochrome-blend.monochrome-video {
  mix-blend-mode: var(--monochrome-safari-video-mix);
  opacity: var(--monochrome-safari-video-opacity);
}