/* Original client artwork is fitted without colour filters or cropping. */
.clients-section{padding:12px 0;background:#f3f8fd;border-top:1px solid #cfdfec;border-bottom:1px solid #cfdfec;color:#123b61;min-width:0}
.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.clients-heading h2{font-family:var(--font-brand);font-size:clamp(22px,2.3vw,30px);line-height:1.4;letter-spacing:0;margin:0}
.clients-section[data-empty=true] .clients-heading{margin-bottom:0}
.clients-pause{flex-shrink:0;font:500 12px/1.5 var(--font-body);padding:10px 14px;min-height:44px;border:1px solid #a9c9e1;border-radius:4px;background:#fff;color:#224e72;cursor:pointer}
.clients-viewport{overflow:hidden;max-width:100%;min-width:0;border-radius:6px}
.clients-viewport:focus-visible,.clients-row:focus-visible,.clients-pause:focus-visible{outline:2px solid #2376b4;outline-offset:4px}
.clients-rows{display:grid;gap:14px;min-width:0}
.clients-row{min-width:0;max-width:100%;overflow:hidden}
.clients-track{display:flex;width:max-content;max-width:none;animation:fcs-clients-scroll var(--clients-duration,40s) linear infinite;will-change:transform}
.clients-row:nth-child(even) .clients-track{animation-direction:reverse}
.clients-group{display:flex;align-items:center;flex:none;gap:16px;list-style:none;margin:0;padding:0 16px 0 0}
.client-logo{box-sizing:border-box;flex:0 0 210px;width:210px;height:88px;padding:3px 4px;background:#fff;border:1px solid #dce8f1;border-radius:5px;display:flex;align-items:center;justify-content:center;min-width:0}
.client-logo img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.clients-viewport:hover .clients-track,.clients-viewport:focus-within .clients-track,.clients-section[data-paused=true] .clients-track{animation-play-state:paused}
.clients-section[data-static=true] .clients-track{animation:none;will-change:auto}
@keyframes fcs-clients-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.clients-section{padding:10px 0}.clients-heading{gap:14px;margin-bottom:10px}.clients-rows{gap:12px}.clients-group{gap:12px;padding-right:12px}.client-logo{flex-basis:170px;width:170px;height:78px;padding:3px 4px}}
@media(prefers-reduced-motion:reduce){.clients-track{animation:none;will-change:auto}.clients-row{overflow-x:auto}.clients-group[aria-hidden=true],.client-logo[data-repeat]{display:none}.clients-pause{display:none}}
