#top .client-logos{--visible:5;width:100%;overflow:hidden;position:relative;margin:25px 0;outline-offset:5px}
#top .client-logos-track{display:flex;flex-wrap:nowrap;width:calc(6000% / var(--visible));animation:client-logos-scroll 75s linear infinite;will-change:transform}
#top .client-logo{flex:0 0 calc(100% / 60);width:calc(100% / 60);height:180px;display:flex;align-items:center;justify-content:center;padding:15px;box-sizing:border-box}
#top .client-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:150px;object-fit:contain;margin:0}
#top .client-logos:hover .client-logos-track,#top .client-logos:focus-within .client-logos-track{animation-play-state:paused}
@keyframes client-logos-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:989px){#top .client-logos{--visible:3}}
@media(max-width:600px){#top .client-logos{--visible:2}#top .client-logo{height:150px;padding:12px}#top .client-logo img{max-height:120px}}
@media(prefers-reduced-motion:reduce){#top .client-logos-track{animation:none}#top .client-logos{overflow-x:auto}}