/*
 * Logos Slider block.
 *
 * Continuous marquee-style carousel. Each slide is a 1:1 square; the logo
 * inside uses object-fit: contain so it doesn't get cropped or stretched.
 * Visible logos per breakpoint are configured by Swiper in script.js
 * (5 mobile, 10 tablet ≥640px, 15 desktop ≥1024px).
 */

.logos-slider {
    width: 100%;
}

.logos-slider .swiper {
    overflow: hidden;
}

.logos-slider .swiper-wrapper {
    transition-timing-function: linear;
    will-change: transform;
}

.logos-slide {
    aspect-ratio: 1 / 1;
    display: flex;
    height: auto;
}

.logos-image {
    display: block;
    filter: grayscale(100%);
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
}