@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* Condensed display lettering inspired by the supplied PULSE poster. */
.hero-title h1,
.hero-copy h2,
.intro h2,
.section-top h2,
.journey h2,
.closing h2,
.format-name,
.steps li,
dialog h2 {
  font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .025em;
}
.hero-title h1 {
  font-size: clamp(140px, 18vw, 265px);
  line-height: .85;
  letter-spacing: .045em;
  margin-left: .045em;
  color: #f6d56d;
  background: linear-gradient(110deg, #bd7f1b 0%, #f8dc72 22%, #fff1a0 38%, #d29824 54%, #ffdf6d 72%, #bd7f1b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px #000;
  paint-order: stroke fill;
  text-shadow: none;
  filter: drop-shadow(0 2px 3px #000c) drop-shadow(0 3px 16px #0008);
}
.hero-copy h2 { font-size: 46px; }
.intro h2, .section-top h2, .journey h2 { line-height: 1.02; }
.format-name { font-size: 39px; }
.closing h2 { letter-spacing: .015em; }
h2 em { font-style: normal; }
.hero-copy .eyebrow {
  -webkit-text-stroke: 1.5px #000;
  paint-order: stroke fill;
  text-shadow: 0 2px 5px #000c;
  font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;
  font-size: clamp(44px, 5vw, 68px);
  line-height: 1.25;
  letter-spacing: .055em;
}
@media (max-width: 750px) {
  .hero-title h1 { font-size: 30vw; }
  .hero-copy h2 { font-size: 36px; }
  .hero-copy .eyebrow { font-size: clamp(30px, 7.2vw, 42px); }
  .format-name { font-size: 28px; }
  .closing h2 { font-size: 20vw; }
}