/* Hero Slider */
.hero-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* object-position defined inline per image */
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    will-change: opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
    z-index: 0;
}

.hero-slider .slide.active {
    opacity: 0.6;
    /* Matches the previous overlay opacity look */
    z-index: 1;
}

/* Mobile-specific positioning for violin-acoustic image */
@media (max-width: 768px) {
    .hero-slider .slide {
        transition-duration: 0.85s;
    }

    .hero-slider .slide--duo {
        object-position: 38% 20% !important;
    }

    .hero-slider .slide--violin {
        object-position: 20% center !important;
    }

    .hero-slider .slide--cello {
        object-position: 58% center !important;
    }

    .hero-slider .slide--ceremonias {
        object-position: 56% 52% !important;
    }
}