.hero-slider { overflow: visible; padding-bottom: 300px; }
        /* Destination Video Styles */
        .destination-video {
            opacity: 0;
            transition: opacity 1s ease-in-out;
            pointer-events: none;
        }
        
        .destination-video.active {
            opacity: 1;
            --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        /* Travel Style Carousel Styles */
.travel-style-carousel {
display: flex;
gap: 1.5rem;
transition: none;
}

.travel-style-carousel.transitioning {
transition: transform 0.5s ease-in-out;
}
        
        .travel-style-tile {
            min-width: 280px;
            height: 380px;
            position: relative;
            border-radius: 1rem;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .travel-style-tile:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.3);
        }
        
        .travel-style-icon {
            position: absolute;
            bottom: 1.5rem;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(255,255,255,0.9);
            padding: 1rem;
            border-radius: 0.5rem;
            width: 80%;
            text-align: center;
        }
.video-container {
  width: 100%;
  aspect-ratio: 16 / 9; /* ✅ keeps consistent space before video loads */
  overflow: hidden;
}