@font-face {
  font-family: "basis-grotesque-pro";
  src: url('/resources/external/nybrandfonts/basis-grotesque-bold-pro.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/external/nybrandfonts/basis-grotesque-bold-pro.woff') format('woff'); /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "basis-grotesque-pro";
  src: url('/resources/external/nybrandfonts/basis-grotesque-bold-pro.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/external/nybrandfonts/basis-grotesque-bold-pro.woff') format('woff');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "basis-grotesque-pro";
  src: url('/resources/external/nybrandfonts/basis-grotesque-medium-pro.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/external/nybrandfonts/basis-grotesque-medium-pro.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "basis-grotesque-pro";
  src:  url('/resources/external/nybrandfonts/basis-grotesque-regular-pro.woff2') format('woff2'),
        url('/resources/external/nybrandfonts/basis-grotesque-regular-pro.woff') format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "basis-grotesque-pro";
  src:  url('/resources/external/nybrandfonts/basis-grotesque-regular-pro.woff2') format('woff2'), /* Super Modern Browsers */
        url('/resources/external/nybrandfonts/basis-grotesque-regular-pro.woff') format('woff'); /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "basis-grotesque-pro";
  src: url('/resources/external/nybrandfonts/basis-grotesque-italic-pro.woff2') format('woff2'), /* Super Modern Browsers */
  url('/resources/external/nybrandfonts/basis-grotesque-italic-pro.woff') format('woff'); /* Pretty Modern Browsers */;
  font-style: italic;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "basis-grotesque-pro";
  src: url('/resources/external/nybrandfonts/basis-grotesque-medium-italic-pro.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/external/nybrandfonts/basis-grotesque-medium-italic-pro.woff') format('woff'); /* Pretty Modern Browsers */
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "basis-grotesque-mono-pro";
  src: url('/resources/external/nybrandfonts/basis-grotesque-mono-pro.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/external/nybrandfonts/basis-grotesque-mono-pro.woff') format('woff'); /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "basis-grotesque-mono-pro";
  src:  url('/resources/external/nybrandfonts/basis-grotesque-monobold-pro.woff2') format('woff2'), /* Super Modern Browsers */
        url('/resources/external/nybrandfonts/basis-grotesque-monobold-pro.woff') format('woff'); /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "william-bold";
  src: url("/resources/external/nybrandfonts/WilliamTextStd-Bld.woff") format('woff');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}


:root {
  --font-family-sans-serif: "basis-grotesque-pro", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-serif: "william-bold", serif;
  --font-family-monospace: "basis-grotesque-mono-pro", monospace
}