@font-face {
  font-family: 'Jost';
  src: url('assets/fonts/jost.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Allison';
  src: url('assets/fonts/allison.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --title-font: Arial, Helvetica, sans-serif;
  --brand-font: 'Jost', Arial, Helvetica, sans-serif;
  --signature-font: 'Allison', 'Segoe Script', cursive;
}

.header .brand,
.footer-top .brand {
  display: inline-block;
  font-family: var(--brand-font);
  font-size: 29px;
  font-weight: 200;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: .14em;
}

.footer-top .brand { font-size: 32px; }

.hero-wordmark {
  width: auto;
  max-width: none;
  font-family: var(--brand-font);
  font-size: clamp(90px, 10.5vw, 160px);
  font-weight: 100;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: .12em;
  font-kerning: normal;
}

.hero-signature {
  width: max-content;
  max-width: none;
  margin: 8px 0 44px;
  white-space: nowrap;
  font-family: var(--signature-font);
  font-size: clamp(20px, 2.5vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
}

.section h2,
.music-stage .music-copy h2,
.world-refreshed .world-heading h2,
.gallery-intro h1,
.merch-copy h1 {
  font-family: var(--title-font);
  font-weight: 800;
  font-style: normal;
  line-height: .98;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.music-stage .music-copy h2 em,
.world-refreshed .world-heading h2 em,
.gallery-intro h1 em,
.merch-copy h1 em {
  font: inherit;
  letter-spacing: inherit;
}

.music-stage .music-copy h2 {
  font-size: clamp(46px, 5.2vw, 80px);
}

.section-top > .eyebrow:first-child::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 1px;
  margin-right: 12px;
  background: #b6a181;
  vertical-align: middle;
}

@media (max-width: 760px) {
  .hero-wordmark {
    font-size: clamp(54px, 18vw, 106px);
  }

  .hero-signature {
    font-size: clamp(14px, 4.3vw, 20px);
    margin: 6px 0 31px;
  }

  .music-stage .music-copy h2,
  .world-refreshed .world-heading h2,
  .gallery-intro h1,
  .merch-copy h1 {
    font-size: clamp(44px, 10vw, 68px);
  }

  .section-top > .eyebrow:first-child::before {
    width: 14px;
    margin-right: 8px;
  }
}