/* Variable Fonts */
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: 'InterTight';
    font-style: normal;
    font-weight: 100 900;
    font-optical-sizing: auth;
    src: url("/assets/InterTight-VariableFont_wght-f7271d67.ttf");
  }

  @font-face {
    font-family: 'InterTight';
    font-style: italic;
    font-weight: 100 900;
    font-optical-sizing: auth;
    src: url("/assets/InterTight-Italic-VariableFont_wght-1a541b09.ttf");
  }
}

:root {
  @apply antialiased font-sans;
}

.display_header-1 {
  @apply font-[InterTight] text-[40px] font-medium tracking-[-1%] leading-12;
}

.display_header-2 {
  @apply font-[InterTight] text-[30px] font-medium tracking-[0] leading-9;
}

h1 {
  @apply font-[InterTight] text-[24px] font-medium tracking-[2%] leading-8;
}

h2 {
  @apply font-[InterTight] text-[20px] font-medium tracking-[2%] leading-7;
}

h3 {
  @apply font-[InterTight] text-[16px] font-medium tracking-[2.5%] leading-6;
}

h4 {
  @apply font-[InterTight] text-[14px] font-medium tracking-[2.75%] leading-5;
}

.display_paragraph-1 {
  @apply text-[20px] font-normal tracking-[1%] leading-7;
}

.paragraph-1 {
  @apply text-[16px] font-normal tracking-[2.5%] leading-6;
}

.paragraph-2 {
  @apply text-[14px] font-normal tracking-[2.5%] leading-5;
}

.paragraph-2-c {
  @apply text-[14px] font-normal tracking-[2.5%] leading-5 uppercase;
}

.paragraph-3 {
  @apply text-[12px] font-normal tracking-[4%] leading-4.5;
}

.paragraph-3-c {
  @apply text-[12px] font-normal tracking-[4%] leading-4.5 uppercase;
}