/* References clients : bandeau autonome. */
.clients-band{padding:36px 0 30px;border-bottom:1px solid var(--line);background:#fcfcfa}
.clients-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.clients-heading h2{font-family:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;line-height:1.5;color:var(--muted);margin:0}
.clients-pause{font:inherit;font-size:.75rem;color:var(--muted);background:none;border:0;text-decoration:underline;text-underline-offset:3px;padding:6px;cursor:pointer}
.clients-window{overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
.clients-window:focus-visible,.clients-pause:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.clients-track{display:flex;width:max-content}
.clients-group{display:flex;align-items:center;gap:40px;list-style:none;margin:0;padding:0 40px 0 0;flex:none}
.client-logo{width:160px;height:96px;display:flex;align-items:center;justify-content:center;flex:none}
.client-logo img{display:block;width:auto;height:auto;max-width:148px;max-height:72px;object-fit:contain}
@keyframes clients-slide{to{transform:translateX(-50%)}}
@media(min-width:769px) and (prefers-reduced-motion:no-preference){
.clients-band.is-ready .clients-window{overflow:hidden}
.clients-band.is-ready .clients-track{animation:clients-slide 80s linear infinite}
.clients-band:hover .clients-track,.clients-band:focus-within .clients-track,.clients-band.is-paused .clients-track{animation-play-state:paused}
}
@media(max-width:768px){
.clients-band{padding:26px 0 22px}
.clients-heading{margin-bottom:12px}
.clients-group{gap:24px;padding-right:24px}
.client-logo{width:138px;height:86px}
.client-logo img{max-width:128px;max-height:64px}
.clients-group[aria-hidden="true"],.clients-pause{display:none}
}
@media(prefers-reduced-motion:reduce){.clients-group[aria-hidden="true"],.clients-pause{display:none}}

/* Ajustement optique du logo JDR, sur ordinateur et mobile. */
.client-logo img[src$="jdrarchitecture.png"]{transform:scale(.76)}

.client-logo img[src$="cci-maine-et-loire.png"]{transform:scale(.90)}
.client-logo img[src$="PCM.png"]{transform:scale(.88)}