@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700&display=swap');

@font-face {
  font-family: futura-pt;
  src:
    url(https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?subset_id=2&fvd=n5&v=3)
      format('woff2'),
    url(https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?subset_id=2&fvd=n5&v=3)
      format('woff'),
    url(https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?subset_id=2&fvd=n5&v=3)
      format('opentype');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: auto;
}

@font-face {
  font-family: futura-pt;
  src:
    url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?subset_id=2&fvd=n7&v=3)
      format('woff2'),
    url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?subset_id=2&fvd=n7&v=3)
      format('woff'),
    url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?subset_id=2&fvd=n7&v=3)
      format('opentype');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-display: auto;
}

@font-face {
  font-family: futura-pt;
  src:
    url(https://use.typekit.net/af/1eb35a/000000000000000000010090/27/l?subset_id=2&fvd=i5&v=3)
      format('woff2'),
    url(https://use.typekit.net/af/1eb35a/000000000000000000010090/27/d?subset_id=2&fvd=i5&v=3)
      format('woff'),
    url(https://use.typekit.net/af/1eb35a/000000000000000000010090/27/a?subset_id=2&fvd=i5&v=3)
      format('opentype');
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  font-display: auto;
}

@font-face {
  font-family: futura-pt;
  src:
    url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/l?subset_id=2&fvd=i7&v=3)
      format('woff2'),
    url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/d?subset_id=2&fvd=i7&v=3)
      format('woff'),
    url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/a?subset_id=2&fvd=i7&v=3)
      format('opentype');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  font-display: auto;
}

:root {
  --t-heading-family: var(--heading-font-font-family, futura-pt);
  --t-heading-style: var(--heading-font-font-style, normal);
  --t-heading-weight: var(--heading-font-font-weight, 500);
  --t-heading-spacing: var(--heading-font-letter-spacing, 0em);
  --t-heading-transform: var(--heading-font-text-transform, none);
  --t-heading-line-height: var(--heading-font-line-height, 1.4em);

  --t-body-family: var(--body-font-font-family, Poppins);
  --t-body-style: var(--body-font-font-style, normal);
  --t-body-weight: var(--body-font-font-weight, 300);
  --t-body-spacing: var(--body-font-letter-spacing, 0em);
  --t-body-transform: var(--body-font-text-transform, none);
  --t-body-line-height: var(--body-font-line-height, 1.8em);

  --t-nav-family: var(--site-navigation-font-font-family, var(--t-body-family));
  --t-nav-style: var(--site-navigation-font-font-style, var(--t-body-style));
  --t-nav-weight: var(--site-navigation-font-font-weight, var(--t-body-weight));
  --t-nav-spacing: var(--site-navigation-font-letter-spacing, var(--t-body-spacing));
  --t-nav-transform: var(--site-navigation-font-text-transform, var(--t-body-transform));
  --t-nav-line-height: var(--site-navigation-font-line-height, 1.6em);
  --t-nav-size: var(--site-navigation-font-font-size, var(--normal-text-size, 1rem));

  --t-button-family: var(--header-button-font-font-family, Poppins);
  --t-button-style: var(--header-button-font-font-style, normal);
  --t-button-weight: var(--header-button-font-font-weight, 500);
  --t-button-spacing: var(--header-button-font-letter-spacing, 0.02em);
  --t-button-transform: var(--header-button-font-text-transform, none);
  --t-button-line-height: var(--header-button-font-line-height, 1.2em);
  --t-button-size: var(--header-button-font-font-size, 0.9rem);
}

.t-body,
.t-body-small,
.t-subtitle,
.t-nav,
.t-button {
  -webkit-font-smoothing: antialiased;
}

.t-h1,
h1,
.t-h2,
h2,
.t-h3,
h3,
.t-h4,
h4,
.t-h5,
h5,
.t-h6,
h6 {
  font-family: var(--t-heading-family);
  font-style: var(--t-heading-style);
  font-weight: var(--t-heading-weight);
  letter-spacing: var(--t-heading-spacing);
  text-transform: var(--t-heading-transform);
  margin: 0;
}

.t-h1,
h1 {
  line-height: calc(var(--t-heading-line-height) * (1 + (1 - var(--heading-1-size-value, 4)) / 25));
}

.t-h2,
h2 {
  line-height: calc(var(--t-heading-line-height) * (1 + (1 - var(--heading-2-size-value, 2.8)) / 25));
}

.t-h3,
h3 {
  line-height: calc(var(--t-heading-line-height) * (1 + (1 - var(--heading-3-size-value, 2.2)) / 25));
}

.t-h4,
h4 {
  line-height: calc(var(--t-heading-line-height) * (1 + (1 - var(--heading-4-size-value, 1.6)) / 25));
}

.t-h5,
h5 {
  font-size: 1.25rem;
  line-height: calc(var(--t-heading-line-height) * 0.95);
}

.t-h6,
h6 {
  font-size: 1rem;
  line-height: calc(var(--t-heading-line-height) * 0.9);
}

.t-subtitle {
  font-family: var(--t-body-family);
  font-style: var(--t-body-style);
  font-weight: 400;
  font-size: var(--large-text-size, 1.5rem);
  line-height: 1.55;
  letter-spacing: var(--t-body-spacing);
  text-transform: var(--t-body-transform);
  margin: 0;
}

.t-body,
p {
  font-family: var(--t-body-family);
  font-style: var(--t-body-style);
  font-weight: var(--t-body-weight);
  line-height: var(--t-body-line-height);
  letter-spacing: var(--t-body-spacing);
  text-transform: var(--t-body-transform);
  margin: 0;
}

.t-body-small {
  font-family: var(--t-body-family);
  font-style: var(--t-body-style);
  font-weight: var(--t-body-weight);
  line-height: var(--t-body-line-height);
  letter-spacing: var(--t-body-spacing);
  text-transform: var(--t-body-transform);
  margin: 0;
}

.t-nav {
  font-family: var(--t-nav-family);
  font-style: var(--t-nav-style);
  font-weight: var(--t-nav-weight);
  line-height: var(--t-nav-line-height);
  letter-spacing: var(--t-nav-spacing);
  text-transform: var(--t-nav-transform);
  margin: 0;
}

.t-button {
  font-family: var(--t-button-family);
  font-style: var(--t-button-style);
  font-weight: var(--t-button-weight);
  line-height: var(--t-button-line-height);
  letter-spacing: var(--t-button-spacing);
  text-transform: var(--t-button-transform);
  margin: 0;
}

.t-brand {
  font-family: var(--t-nav-family);
  font-style: var(--t-nav-style);
  font-weight: 700;
  font-size: 1rem;
  line-height: var(--t-nav-line-height);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  .t-h1,
  h1 {
    font-size: calc((var(--heading-1-size-value, 4) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem);
  }

  .t-h2,
  h2 {
    font-size: calc(
      (var(--heading-2-size-value, 2.8) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem
    );
  }

  .t-h3,
  h3 {
    font-size: calc(
      (var(--heading-3-size-value, 2.2) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem
    );
  }

  .t-h4,
  h4 {
    font-size: calc(
      (var(--heading-4-size-value, 1.6) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem
    );
  }

  .t-body,
  p,
  .t-subtitle {
    font-size: calc((var(--normal-text-size-value, 1) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem);
  }

  .t-body-small {
    font-size: calc((var(--small-text-size-value, 0.9) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem);
  }

  .t-nav {
    font-size: calc(
      (var(--site-navigation-font-font-size-value, 1) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem
    );
  }

  .t-button {
    font-size: calc(
      (var(--header-button-font-font-size-value, 0.9) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem
    );
  }
}

@media screen and (min-width: 768px),
  screen and (max-width: calc(1484px - 1px)) and (orientation: landscape) {
  .t-h1,
  h1 {
    font-size: calc((var(--heading-1-size-value, 4) - 1) * 1.2vw + 1rem);
  }

  .t-h2,
  h2 {
    font-size: calc((var(--heading-2-size-value, 2.8) - 1) * 1.2vw + 1rem);
  }

  .t-h3,
  h3 {
    font-size: calc((var(--heading-3-size-value, 2.2) - 1) * 1.2vw + 1rem);
  }

  .t-h4,
  h4 {
    font-size: calc((var(--heading-4-size-value, 1.6) - 1) * 1.2vw + 1rem);
  }

  .t-body,
  p,
  .t-subtitle {
    font-size: calc((var(--normal-text-size-value, 1) - 1) * 1.2vw + 1rem);
  }

  .t-body-small {
    font-size: calc((var(--small-text-size-value, 0.9) - 1) * 1.2vw + 1rem);
  }

  .t-nav {
    font-size: calc((var(--site-navigation-font-font-size-value, 1) - 1) * 1.2vw + 1rem);
  }

  .t-button {
    font-size: calc((var(--header-button-font-font-size-value, 0.9) - 1) * 1.2vw + 1rem);
  }
}

@media screen and (min-width: 1484px) {
  .t-h1,
  h1 {
    font-size: calc(var(--heading-1-size-value, 4) * 1rem);
  }

  .t-h2,
  h2 {
    font-size: calc(var(--heading-2-size-value, 2.8) * 1rem);
  }

  .t-h3,
  h3 {
    font-size: calc(var(--heading-3-size-value, 2.2) * 1rem);
  }

  .t-h4,
  h4 {
    font-size: calc(var(--heading-4-size-value, 1.6) * 1rem);
  }

  .t-body,
  p,
  .t-subtitle {
    font-size: calc(var(--normal-text-size-value, 1) * 1rem);
  }

  .t-body-small {
    font-size: calc(var(--small-text-size-value, 0.9) * 1rem);
  }

  .t-nav {
    font-size: calc(var(--site-navigation-font-font-size-value, 1) * 1rem);
  }

  .t-button {
    font-size: calc(var(--header-button-font-font-size-value, 0.9) * 1rem);
  }
}