/* =========================================================
   MAIN SWIPER
========================================================= */

.mainSwiper{
    width:100%;
    height:100vh;
    height:100svh;
    height:100dvh;
    overflow:hidden;
}

.mainSwiper .swiper-slide{
    position:relative;
    width:100%;
    height:100vh;
    height:100svh;
    height:100dvh;
    overflow:hidden;
    background:#000;
    z-index:var(--z-slide);
    isolation:isolate;
}


/* =========================================================
   IMAGE BASE
========================================================= */

.mainSwiper .swiper-slide img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    backface-visibility:hidden;
    transform:
        scale(1.12)
        translate3d(0,0,0);
    will-change:transform;
    transform-origin:center center;
    contain:paint;
}