/* Shared hero block for About, Journal, Scouting, Contact */

.page-hero {
  padding: 10rem 5% 5rem;
  text-align: center;
  background:
    radial-gradient(circle at top, rgba(212, 175, 55, 0.16), transparent 32%),
    linear-gradient(135deg, #050505 0%, #1a1a1a 55%, #050505 100%);
  border-bottom: 1px solid rgba(212, 175, 55, 0.18);
}

.page-kicker {
  color: #d4af37;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 3px;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.page-title {
  font-size: clamp(2.6rem, 6vw, 5rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 1.2rem;
  color: #fff;
}

.page-subtitle {
  max-width: 740px;
  margin: 0 auto;
  color: #c9b580;
  font-size: 1.1rem;
}

@media (max-width: 900px) {
  .page-hero {
    padding-top: 8.5rem;
  }
}

@media (max-width: 640px) {
  .page-hero {
    padding: 8rem 1rem 4rem;
  }
}