/* ============================================
   PAGE HERO STYLES (Shared across all pages)
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap');

.page-hero {
  padding: clamp(4rem, 10vw, 8rem) 5vw;
  text-align: left;
}

.page-hero__title {
  font-family: 'Syne', 'Arial Black', Impact, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-gold);
  font-size: clamp(2.1rem, 8.4vw, 6.3rem);
  line-height: 1.1;
  letter-spacing: -0.5px;
  margin: 0 0 var(--space-lg) 0;
}

.page-hero__title span {
  display: block;
}

.page-hero__subtitle {
  font-family: 'DM Sans', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: var(--color-dim);
  font-size: clamp(1rem, 2vw, 1.25rem);
  max-width: 700px;
  margin-top: 24px;
  line-height: 1.6;
}