/* === TYPOGRAPHY — Playfair Display (display) + Manrope (body) === */
body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-ink);
  background: var(--color-paper);
  letter-spacing: -0.005em;
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.02em;
  color: var(--color-ink);
}

h4, h5, h6 {
  font-family: var(--font-body);
  font-weight: 700;
  letter-spacing: 0.01em;
}

em { font-style: italic; }

/* Section title */
.section-title {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.025em;
  color: var(--color-ink);
}
.section-title em { font-style: italic; font-weight: 500; color: var(--color-bloom); }

/* Eyebrow / labels */
.section-eyebrow,
.hero-eyebrow {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--color-sage);
  margin-bottom: var(--space-4);
}
.section-eyebrow::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 1.5px;
  background: var(--color-sage-mist);
  vertical-align: middle;
  margin-right: 10px;
  transform: translateY(-3px);
}

@media (max-width: 768px) {
  .section-title { font-size: var(--text-xl); }
}