.display,
.hero-title,
.page-banner h1,
.editorial-title {
  font-family: var(--display-font);
  letter-spacing: -0.04em;
  line-height: 0.9;
  font-weight: 500;
}

.hero-title {
  font-size: clamp(2.3rem, 4vw, 5.4rem);
  line-height: 1.05;
  white-space: normal;
  max-width: 700px;
}

.display {
  font-size: clamp(2.8rem, 5vw, 5rem);
}

.editorial-title {
  font-size: clamp(2.5rem, 5.5vw, 4.5rem);
}

h1, h2, h3, h4, h5 {
  margin-top: 0;
  font-family: "Khiara Script", "Segoe Print", "Bradley Hand", cursive;
  font-weight: 500;
}

p {
  margin-top: 0;
  color: var(--ink-soft);
}

.lead {
  font-size: clamp(1.1rem, 1.8vw, 1.4rem);
  color: var(--ink-soft);
}

.muted {
  color: var(--muted);
}

.text-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}