/* Marques en défilement (bloc cyprien/brands) */
.cs-marquee{--gap:clamp(40px,5vw,72px);--s:1;position:relative;display:flex;align-items:center;gap:16px;color:#6b677a}
.cs-marquee[data-tone="dark"]{color:#fff}
.cs-marquee-viewport{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.cs-marquee-track{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--gap);width:max-content;animation:cs-marquee var(--dur,36s) linear infinite}
.cs-marquee-track li{flex:0 0 auto;display:flex;align-items:center;min-height:66px}
@keyframes cs-marquee{to{transform:translateX(calc(-50% - var(--gap) / 2))}}
.cs-marquee:hover .cs-marquee-track,.cs-marquee:focus-within .cs-marquee-track,.cs-marquee.is-paused .cs-marquee-track{animation-play-state:paused}
.cs-logo{display:block;height:calc(var(--h) * var(--s) * 1px);width:calc(var(--h) * var(--ar) * var(--s) * 1px);background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.cs-logo-text{font-family:var(--font-display,inherit);font-weight:600;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.025em;white-space:nowrap}
.cs-marquee-toggle{flex:0 0 auto;appearance:none;width:38px;height:38px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;opacity:.75;transition:opacity .2s}
.cs-marquee-toggle:hover{opacity:1}
.cs-pause{display:block;width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.cs-play{display:none;width:0;height:0;margin-left:3px;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
.cs-marquee-toggle[aria-pressed="true"] .cs-pause{display:none}
.cs-marquee-toggle[aria-pressed="true"] .cs-play{display:block}
@media (max-width:620px){.cs-marquee{--s:.74}.cs-marquee-track li{min-height:52px}}
@media (prefers-reduced-motion:reduce){
  .cs-marquee-viewport{-webkit-mask-image:none;mask-image:none}
  .cs-marquee-track{animation:none;width:auto;flex-wrap:wrap;row-gap:18px}
  .cs-marquee-track li[aria-hidden="true"]{display:none}
  .cs-marquee-toggle{display:none}
}
