.logo-strip__headline {
    margin-top: 100px;
    margin-bottom: 40px;
    text-align: center;
}

@media (max-width: 1024px) {
    .logo-strip__headline {
        margin-top: 60px;
    }
}

.logo-strip__scroller {
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, white 8%, white 92%, transparent);
    mask-image: linear-gradient(90deg, transparent, white 8%, white 92%, transparent);
}

.logo-strip__inner {
    display: flex;
    gap: 0;
    width: max-content;
}

.logo-strip__set {
    display: flex;
    gap: 20px;
    padding-right: 20px;
}

@keyframes scroll-left {
    to { transform: translateX(-50%); }
}

.logo-strip__scroller--marquee .logo-strip__inner {
    animation: scroll-left 30s linear infinite;
}

.logo-strip__scroller--marquee:hover .logo-strip__inner {
    animation-play-state: paused;
}

.logo-strip__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 16px 32px;
}

.logo-strip__logo img {
    max-height: 50px;
    width: auto;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
}

.logo-strip__logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* drag roll while hovering */