/* Type scale. Serif at weight 400 only — no bold serif, ever. */
.display,
h1, h2, h3 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  color: var(--ink);
  letter-spacing: -0.01em;
  line-height: 1.06;
  text-wrap: balance;
}

.display { font-size: clamp(2.5rem, 7vw, 5.75rem); }
h1        { font-size: clamp(2.25rem, 5.5vw, 4.25rem); }
h2        { font-size: clamp(1.75rem, 3.6vw, 2.75rem); }
h3        { font-size: clamp(1.25rem, 2vw, 1.6rem); }

/* The oversized brand-statement moment (homepage section 3, About). */
.statement {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: clamp(2rem, 5.5vw, 4.5rem);
  line-height: 1.12;
  max-width: 52rem;
  margin-inline: auto;
  text-wrap: balance;
}

.lede {
  font-size: clamp(1rem, 1.4vw, 1.175rem);
  line-height: 1.65;
  max-width: var(--measure);
  margin-inline: auto;
  color: var(--charcoal);
}

body { font-family: var(--font-body); font-weight: 300; color: var(--charcoal); }
p { line-height: 1.7; max-width: var(--measure); }

/* Small caps-tracked label: "A Closer Look", "A Dina Events Experience". */
.label {
  font-family: var(--font-body);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--neutral);
}

.meta {
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  color: var(--neutral);
}