.motion-preference{border:0;background:none;color:inherit;padding:8px 0;min-height:44px;font:inherit;font-size:10px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.motion-preference[hidden]{display:none}
.motion-preference:focus-visible{outline:3px solid #9b62ae;outline-offset:4px}
/* Automatic motion on the two requested surfaces; explicit reduction remains available. */
@media(prefers-reduced-motion:reduce){
 .clients-section[data-motion-override=on] .clients-track{width:max-content}
 .clients-section[data-motion-override=on] .clients-group{flex-wrap:nowrap;justify-content:initial;gap:30px;width:auto;padding:0 30px 0 0}
 .clients-section[data-motion-override=on] .clients-clone{display:flex}
 .clients-section[data-motion-override=on] .clients-viewport{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
 .clients-section[data-motion-override=on] .client-logo{width:220px;height:126px;flex-basis:220px;padding:13px 17px}
 .clients-section[data-motion-override=on] .client-logo img{max-height:100px}
 .encartes-showroom[data-motion-override=on] .flyer{transition:transform .75s cubic-bezier(.22,.75,.2,1),opacity .45s ease,visibility .75s!important}
 .encartes-showroom[data-motion-override=on] .flyer.turn-destination,.encartes-showroom[data-motion-override=on] .showroom.is-dragging .flyer{transition:none!important}
}
.clients-section[data-motion-override=off] .clients-track{width:100%}
.clients-section[data-motion-override=off] .clients-group{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;padding:0 18px}
.clients-section[data-motion-override=off] .clients-clone{display:none}
.clients-section[data-motion-override=off] .clients-viewport{mask-image:none}
.clients-section[data-motion-override=off] .client-logo{width:180px;flex-basis:180px}
.encartes-showroom[data-motion-override=off] .flyer{transition:none!important}
@media(max-width:700px){.clients-section[data-motion-override=off] .client-logo{width:calc((100vw - 68px)/2);flex-basis:calc((100vw - 68px)/2);height:104px;padding:10px 12px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .clients-section[data-motion-override=on] .client-logo{width:185px;height:111px;flex-basis:185px;padding:12px 14px}
 .clients-section[data-motion-override=on] .clients-group{gap:20px;padding-right:20px}
 .clients-section[data-motion-override=on] .clients-viewport{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
}
