/*
 * Homepage hero — image + video banner support
 * ---------------------------------------------------------------------------
 * Additive stylesheet, loaded only on the homepage via its own @push('css')
 * stack in index.blade.php. Makes the existing .slider-item box (its width
 * and height stay owned by style.css / responsive.css) able to host either
 * <img> or the new <video class="hero-video"> and have both fill it
 * identically via object-fit: cover, so switching a slide between image and
 * video never changes the hero's layout or causes horizontal overflow.
 */

.slider-item {
    position: relative;
    overflow: hidden;
}

.slider-item img,
.slider-item .hero-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #0c0c0c;
}