.page-hero {
  padding: 3rem 1.5rem 2.5rem;
  text-align: center;
  background: linear-gradient(180deg, var(--black-elevated) 0%, var(--black) 100%);
  border-bottom: 1px solid var(--border);
}

.page-hero__inner {
  max-width: 40rem;
  margin: 0 auto;
}

.page-hero h1 {
  margin-bottom: 0.5em;
  color: var(--gold-light);
}

.page-hero__subtitle {
  font-size: 1.125rem;
  font-style: italic;
  color: var(--text-muted);
  margin: 0;
}

@media (min-width: 768px) {
  .page-hero {
    padding: 4.5rem 1.5rem 3rem;
  }
}