.rail{overflow:hidden; margin-bottom:1.2rem; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex; gap:1.2rem; width:max-content; animation:scroll 34s linear infinite}
.rail.rev .track{animation-direction:reverse; animation-duration:40s}
.rail:hover .track{animation-play-state:paused}
.logo-tile{width:190px; height:90px; background:var(--white); display:grid; place-items:center; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,.1); font-family:var(--display); color:#9a9a9a; font-size:.85rem; line-height:1.3; text-transform:uppercase; letter-spacing:.04em; padding:.6rem}
.logo-tile img{max-height:100%; width:auto; object-fit:contain; display:block}
.logo-tile small{display:block; font-family:var(--body); text-transform:none; letter-spacing:0; font-size:.7rem}
@keyframes scroll{to{transform:translateX(calc(-50% - .6rem))}}
@media (prefers-reduced-motion:reduce){ .track{animation:none!important} }