/* ══════════════════════════════════════════
   HERO SECTION (reusable)
   ══════════════════════════════════════════ */
.hero-section {
    padding: 170px 0 50px;
    margin-top: -72px;
}
.hero-section h1 {
    font-family: 'Forum', Georgia, serif;
    text-align: center;
    margin-bottom: 32px;
}
.hero-section .hero-subtitle {
    color: #E0E0E0;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

/* ══════════════════════════════════════════
   HERO SECTION RESPONSIVE
   ══════════════════════════════════════════ */
@media (max-width: 768px) {
    .hero-section { padding: 100px 0 50px; margin-top: -48px; }
    .hero-section h1 { margin-bottom: 8px; }
    .hero-section .hero-subtitle { font-size: 18px; line-height: 28px; }
}