/*
    * Web Fonts from colophon-foundry.org
    *
    * The fonts included in this stylesheet are subject to the End User License you purchased
    * from Colophon Foundry. The fonts are protected under domestic and international trademark and
    * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
    * distributing this font software.
    *
    * (c) 2023 Colophon Foundry
    *
    * Licenced to Ashley Marshall, Formlabs
    */

@font-face {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  src: url('../fonts/midnight-sans/midnight-sans-rd-48-semibold-pro.woff2')
      format('woff2'),
    url('../fonts/midnight-sans/midnight-sans-rd-48-semibold-pro.woff')
      format('woff'),
    url('../fonts/midnight-sans/midnight-sans-rd-48-semibold-pro.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}

/**
* @license
*
* Font Family: Supreme
* Designed by: Jérémie Hornus, Ilya Naumoff
* URL: https://www.fontshare.com/fonts/supreme
* © 2024 Indian Type Foundry
*
* Supreme Thin 
* Supreme ThinItalic 
* Supreme Extralight 
* Supreme ExtralightItalic 
* Supreme Light 
* Supreme LightItalic 
* Supreme Regular 
* Supreme Italic 
* Supreme Medium 
* Supreme MediumItalic 
* Supreme Bold 
* Supreme BoldItalic 
* Supreme Extrabold 
* Supreme ExtraboldItalic 
* Supreme Variable (Variable font)
* Supreme VariableItalic (Variable font)

*
*/
/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: 'wght' 800.0;
  *
  * available axes:s
  ''wght'' (range from 100.0 to 800.0
  */
@font-face {
  font-family: 'Supreme Variable';
  src: url('../fonts/supreme-variable/Supreme-Variable.woff2') format('woff2'),
    url('../fonts/supreme-variable/Supreme-Variable.woff') format('woff'),
    url('../fonts/supreme-variable/Supreme-Variable.ttf') format('truetype');
  font-weight: 100 800;
  font-display: swap;
  font-style: normal;
}
/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: 'wght' 800.0;
  *
  * available axes:
  ''wght'' (range from 100.0 to 800.0
  */
@font-face {
  font-family: 'Supreme VariableItalic';
  src: url('../fonts/supreme-variable/Supreme-VariableItalic.woff2')
      format('woff2'),
    url('../fonts/supreme-variable/Supreme-VariableItalic.woff') format('woff'),
    url('../fonts/supreme-variable/Supreme-VariableItalic.ttf')
      format('truetype');
  font-weight: 100 800;
  font-display: swap;
  font-style: italic;
}

.main-display-large {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 96px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 115.2px */
  text-transform: uppercase;
}

.main-display-standard {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 86.4px */
  text-transform: uppercase;
}

.main-display-medium {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 76.8px */
  text-transform: uppercase;
}

.main-display-small {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 67.2px */
  text-transform: uppercase;
}

.main-heading {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 57.6px */
  text-transform: uppercase;
}

.main-subheading {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 38.4px */
  text-transform: uppercase;
}

.main-section-heading {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 33.6px */
  text-transform: uppercase;
}

.main-subsection-heading {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
  text-transform: uppercase;
}

.main-subsubsection-heading {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 24px */
  text-transform: uppercase;
}

.main-minor-heading {
  font-family: 'midnight-sans-rd-48-semibold-pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
}

.secondary-display-large {
  font-family: 'Supreme Variable';
  font-size: 96px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 115.2px */
  letter-spacing: -1.92px;
  font-variation-settings: 'wght' 500;
}

.secondary-display-standard {
  font-family: 'Supreme Variable';
  font-size: 72px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 86.4px */
  letter-spacing: -1.44px;
  font-variation-settings: 'wght' 500;
}

.secondary-display-medium {
  font-family: 'Supreme Variable';
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 76.8px */
  letter-spacing: -1.28px;
  font-variation-settings: 'wght' 500;
}

.secondary-display-small {
  font-family: 'Supreme Variable';
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 67.2px */
  letter-spacing: -1.12px;
  font-variation-settings: 'wght' 500;
}

.secondary-heading {
  font-family: 'Supreme Variable';
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 57.6px */
  letter-spacing: -0.96px;
  font-variation-settings: 'wght' 500;
}

.secondary-subheading {
  font-family: 'Supreme Variable';
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.64px;
  font-variation-settings: 'wght' 500;
}

.secondary-section-heading {
  font-family: 'Supreme Variable';
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 33.6px */
  letter-spacing: -0.56px;
  font-variation-settings: 'wght' 500;
}

.secondary-subsection-heading {
  font-family: 'Supreme Variable';
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 28.8px */
  letter-spacing: -0.48px;
  font-variation-settings: 'wght' 500;
}

.secondary-subsubsection-heading {
  font-family: 'Supreme Variable';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  letter-spacing: -0.4px;
  font-variation-settings: 'wght' 500;
}

.secondary-minor-heading {
  font-family: 'Supreme Variable';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  font-variation-settings: 'wght' 500;
}

.label-large {
  font-family: 'Supreme Variable';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
  font-variation-settings: 'wght' 600;
}

.label-standard {
  font-family: 'Supreme Variable';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  font-variation-settings: 'wght' 600;
}

.label-medium {
  font-family: 'Supreme Variable';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  font-variation-settings: 'wght' 600;
}

.label-small {
  font-family: 'Supreme Variable';
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 18px */
  font-variation-settings: 'wght' 600;
}

.paragraph-large {
  font-family: 'Supreme Variable';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
  font-variation-settings: 'wght' 400;
}

.paragraph-standard {
  font-family: 'Supreme Variable';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  font-variation-settings: 'wght' 400;
}

.paragraph-medium {
  font-family: 'Supreme Variable';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  font-variation-settings: 'wght' 400;
}

.paragraph-small {
  font-family: 'Supreme Variable';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
  font-variation-settings: 'wght' 400;
}

.eyebrow-large {
  font-family: 'Supreme Variable';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  text-transform: uppercase;
  font-variation-settings: 'wght' 500;
}

.eyebrow-standard {
  font-family: 'Supreme Variable';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
  font-variation-settings: 'wght' 500;
}

.eyebrow-medium {
  font-family: 'Supreme Variable';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  text-transform: uppercase;
  font-variation-settings: 'wght' 500;
}

.eyebrow-small {
  font-family: 'Supreme Variable';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  text-transform: uppercase;
  font-variation-settings: 'wght' 500;
}