/* Faixa "Marcas com quem já trabalhamos" (modelo da Maxis): rótulo no claro, faixa escura com logos brancos rolando.
   Cada item leva o espaçamento como margem própria, para que metade da lista seja exatamente uma volta. */
.clients{background:#fefcf5;padding:40px 0 0;text-align:center}
.clients .eyebrow{color:var(--editorial);font-size:11px;margin-bottom:22px}
.clients-band{background:#051c2d;overflow:hidden;padding:30px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.clients-track{display:flex;align-items:center;width:max-content;margin:0;padding:0;list-style:none;animation:clients-scroll 38s linear infinite}
.clients-track li{flex:none;margin-right:96px}
.clients-track img{display:block;width:auto;opacity:.82;transition:opacity .25s}
.clients-track img:hover{opacity:1}
@keyframes clients-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.clients{padding-top:30px}.clients-band{padding:24px 0}.clients-track li{margin-right:64px}.clients-track img{scale:.82}}
@media(prefers-reduced-motion:reduce){
 .clients-band{-webkit-mask-image:none;mask-image:none}
 .clients-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center;gap:28px 56px;padding:0 var(--gutter)}
 .clients-track li{margin:0}.clients-track li[aria-hidden]{display:none}
}