.fason-marquee {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background: var(--fason-marquee-bg, #0b1f3a);
    color: var(--fason-marquee-color, #ffffff);
    padding: clamp(12px, 2vw, 20px) 0;
}

.fason-marquee__track {
    display: flex;
    width: max-content;
    animation: fason-marquee-scroll var(--fason-marquee-duration, 20s) linear infinite;
}

.fason-marquee:hover .fason-marquee__track {
    animation-play-state: paused;
}

.fason-marquee__group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.fason-marquee__item {
    white-space: nowrap;
    padding: 0 1em;
    font-weight: 800;
    font-size: clamp(14px, 2vw, 22px);
    line-height: 1.4;
}

.fason-marquee__sep {
    opacity: .5;
}

@keyframes fason-marquee-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .fason-marquee__track {
        animation: none;
    }
}