/* ── LAYOUT ────────────────────────── */
.container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--gutter);
}
.narrow {
  max-width: var(--max-w-narrow);
  margin: 0 auto;
}
.section {
  padding: var(--section-py) 0;
}
.section-sm {
  padding: var(--section-py-sm) 0;
}

/* ══════════════════════════════════════
   SECTION HEADERS
══════════════════════════════════════ */
.section-header {
  text-align: center;
  margin-bottom: var(--space-10);
}
.section-eyebrow {
  font-size: var(--font-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--amber-600);
  margin-bottom: var(--space-2);
  display: block;
}
.section-title {
  font-size: clamp(1.7rem, 3.5vw, 2.6rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  color: var(--text-primary);
  margin-bottom: var(--space-3);
  line-height: var(--leading-tight);
}
.section-sub {
  font-size: var(--font-base);
  color: var(--text-secondary);
  max-width: 540px;
  margin: 0 auto;
  line-height: var(--leading-normal);
}