/* Keeps the forged character while making every level easier to scan. */
body {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
}

.brand b,
.display,
h1,
h2,
h3,
.statement blockquote,
.forge-mark b {
  font-family: "Arial Black", "Trebuchet MS", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -0.025em;
  text-transform: none;
}

.brand b {
  letter-spacing: 0.1em;
  color: #fffaf0;
  text-shadow: 0 0 12px rgba(255, 250, 240, 0.1);
}

.brand small {
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  color: #d9b868;
}

.nav {
  font-size: 0.95rem;
}

.nav a {
  color: #e1e1dc;
}

.eyebrow {
  font-size: 0.82rem;
  letter-spacing: 0.14em;
}

.hero h1,
.inner-hero h1 {
  font-size: clamp(4rem, 8vw, 7.4rem);
  line-height: 0.92;
  letter-spacing: -0.045em;
  text-transform: uppercase;
}

.hero h1 {
  font-size: clamp(3.6rem, 7.2vw, 6.66rem);
}

.section h2 {
  font-size: clamp(2.8rem, 5.3vw, 5rem);
  line-height: 1.03;
}

.door h3 {
  font-size: 2.05rem;
  line-height: 1.12;
}

.statement blockquote {
  font-size: clamp(2.25rem, 4.4vw, 4.2rem);
  line-height: 1.08;
}

.cta h2 {
  font-size: clamp(2.8rem, 5.5vw, 5rem);
  line-height: 1.03;
}

.lead,
.intro,
.door p,
.statement-copy p,
.value p,
.about p,
.level p,
.format-card p,
.plain-list li {
  letter-spacing: 0.002em;
}

@media (max-width: 850px) {
  body {
    font-size: 17px;
  }

  .hero h1,
  .inner-hero h1 {
    font-size: clamp(3rem, 12.5vw, 4.35rem);
    line-height: 0.98;
  }

  .hero h1 {
    font-size: clamp(2.7rem, 11.25vw, 3.92rem);
  }

  .section h2,
  .cta h2 {
    font-size: clamp(2.45rem, 11vw, 4rem);
    line-height: 1.06;
  }
}