/* Sponsor strip -- from the Riata Design Concept: one continuous auto-scrolling run of logos,
   pure CSS, no Slick/jQuery needed. Scoped to .spon-car/.spon-track/.spon-i only.
   Per request: no border around the strip, and it never pauses (the concept's own version
   paused on hover/focus -- removed here). */
.spon-car {
    overflow:hidden; padding-block:1.6rem;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 5rem, #000 calc(100% - 5rem), transparent);
    mask-image:linear-gradient(90deg, transparent, #000 5rem, #000 calc(100% - 5rem), transparent);
}
.spon-track { display:flex; width:max-content; animation:spon-roll 70s linear infinite; }
.spon-i { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:190px; padding:0 1.6rem; }
.spon-i img { max-height:54px; width:auto; }
@keyframes spon-roll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
    /* No auto-scroll: the row becomes an ordinary swipeable strip. */
    .spon-car { overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
    .spon-track { animation:none; }
}
@media (max-width:640px) {
    .spon-i { width:150px; padding:0 1.1rem; }
    .spon-i img { max-height:44px; }
}