.hero { position: relative; height: 600px; text-align: center; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.carousel { width: 100%; height: 600px; overflow: hidden; position: relative; }
.carousel-track { display: flex; transition: transform 0.5s ease-in-out; height: 100%; }
.carousel-track img { min-width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; -webkit-user-drag: none; }
.carousel-overlay { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.4); font-size: 2rem; padding: 20px 0; }