/* One row of customer marks. JS repeats the group for a seamless CSS loop. */
.clients-section{padding-bottom:100px;scroll-margin-top:112px}
.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;min-height:44px}
.clients-heading h2{font-size:13px;letter-spacing:.17em;line-height:1.6}
.client-toggle{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #334258;border-radius:50%;background:#101827;color:#dce8fa;transition:background .2s,border-color .2s}
.client-toggle:hover{background:#1a2940;border-color:#7894bb}
.client-toggle[hidden],.client-play-icon{display:none}
.client-toggle[aria-pressed="true"] .client-pause-icon{display:none}
.client-toggle[aria-pressed="true"] .client-play-icon{display:block}
.client-toggle .icon{width:18px;height:18px}
.client-slider{overflow-x:auto;overflow-y:hidden;border:1px solid #253247;border-radius:12px;background:linear-gradient(125deg,#101827,#0b121e);scrollbar-width:thin;scrollbar-color:#425772 transparent}
.client-track{display:flex;width:max-content;min-width:100%}
.client-wall{display:flex;flex-wrap:nowrap;flex-shrink:0;align-items:center;justify-content:space-around;gap:24px;min-width:var(--client-span,0px);list-style:none;padding:0 12px;margin:0}
.client-wall>li{flex:0 0 212px;min-width:0}
.client-brand{height:166px;padding:25px 17px;display:grid;place-items:center}
.client-logo{height:102px;width:100%;max-width:178px;display:grid;place-items:center}
.client-logo img{display:block;width:100%;height:100%;object-fit:contain}
.client-tv .client-logo{max-width:110px}
.client-proformer .client-logo{max-width:168px}
.client-rpro .client-logo{max-width:162px}
.client-distrito .client-logo,.client-naval .client-logo{max-width:104px}
.client-slider.is-animated{overflow-x:hidden}
.client-slider.is-animated .client-track{animation:client-drift var(--client-duration,38s) linear infinite;will-change:transform}
.client-slider:hover .client-track,.client-slider:focus-within .client-track,.client-slider.is-paused .client-track{animation-play-state:paused}
@keyframes client-drift{to{transform:translateX(-50%)}}
@media(max-width:1000px){.client-wall>li{flex-basis:190px}.client-brand{height:156px}}
@media(max-width:580px){.clients-section{padding-bottom:58px}.clients-heading{margin-bottom:17px}.clients-heading h2{font-size:12px}.client-wall{gap:18px}.client-wall>li{flex-basis:166px}.client-brand{height:142px;padding:22px 12px}.client-logo{height:92px}.client-tv .client-logo{max-width:98px}}
@media(prefers-reduced-motion:reduce){.client-toggle{display:none;transition:none}.client-slider.is-animated{overflow-x:auto}.client-slider.is-animated .client-track{animation:none;will-change:auto}.client-wall[aria-hidden="true"]{display:none}}