/* Hero carousel styling */
.hero { position: relative; }
.hero .carousel-item img { height: 60vh; object-fit: cover; min-height: 320px; }
.carousel-caption { background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)); padding: 1.5rem; border-radius: 8px; max-width: 60%; }
.carousel-caption .hero-title { color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.6); }
@media (max-width:768px){
  .carousel-caption { max-width: 90%; }
  .hero .carousel-item img { height: 40vh; }
}