/* ── Home page specific styles ── */

#hero-section { min-height: 420px; }
@media (min-width: 768px)  { #hero-section { min-height: 600px; } }
@media (min-width: 1024px) { #hero-section { min-height: 92vh; } }

.hero-img { opacity: 0.85; }
@media (min-width: 768px) { .hero-img { opacity: 1; } }

.hero-overlay { background: rgba(0, 0, 0, 0.55); }
@media (min-width: 768px) {
  .hero-overlay { background: linear-gradient(to right, rgba(7,18,43,0.75) 0%, rgba(7,18,43,0.25) 50%, transparent 100%); }
}

.hero-btn-primary:hover { filter: brightness(1.1); transform: scale(1.02); }