/* ─── PAGE HERO ───────────────────────────────────────────────── */
.page-hero {
  max-width: var(--max);
  margin: 0 auto;
  padding: clamp(76px, 9vw, 138px) clamp(22px, 4vw, 64px) clamp(46px, 6vw, 86px);
  border-bottom: 1px solid var(--line-soft);
}

.page-hero h1 {
  font-size: clamp(42px, 6vw, 86px);
  line-height: .99;
  letter-spacing: -.055em;
  margin-top: 16px;
}

/* ─── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 820px) {
  .page-hero h1 { font-size: clamp(36px, 10vw, 56px); }
}