/* ==========================================================================
   VZ CONCIERGE SERVICE — TYPOGRAPHY
   Display: Cormorant Garamond · Body: Inter
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 0.01em;
  color: var(--white);
  text-wrap: balance;
}

/* ——— Display headline (hero) ——— */
.display {
  font-size: clamp(3rem, 7.5vw, 6.5rem);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: 0.005em;
}

/* ——— Section headings ——— */
.section-title {
  font-size: clamp(2.2rem, 4.5vw, 3.6rem);
  font-weight: 400;
  line-height: 1.1;
}

.section-title em,
.display em {
  font-style: italic;
  color: var(--gold);
}

/* ——— Eyebrow label ——— */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: var(--gold);
}

.eyebrow::before {
  content: "";
  width: 2.4rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}

.eyebrow.center {
  justify-content: center;
}
.eyebrow.center::after {
  content: "";
  width: 2.4rem;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), transparent);
}

/* ——— Body copy ——— */
.lead {
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  line-height: 1.75;
  color: var(--muted);
  font-weight: 300;
}

.small {
  font-size: 0.85rem;
  color: var(--muted-2);
}

/* ——— Numbers / display numerals ——— */
.num {
  font-family: var(--font-display);
  font-weight: 400;
  font-variant-numeric: lining-nums;
}

/* ——— Drop caps / gold emphasis within paragraphs ——— */
.gold {
  color: var(--gold);
}