/* Clients: the honest line, then the ticker band on black cotton paper (the band is the section's canvas, in the flow, not pinned) */
.clients { padding-bottom: var(--s7); }
.clients > .flow { padding-bottom: var(--s6); }
.clients > .pm-stage.ticker { position: relative; z-index: 1; height: clamp(260px, 56vh, 560px); margin: 0; background: var(--bg); overflow: hidden; }
.clients > .pm-stage.ticker canvas { display: block; width: 100%; height: 100%; }
@media (max-width: 760px) {
  .clients > .pm-stage.ticker { height: 260px; }
}

.clients .client-logo-wall { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s4) var(--s3); max-width: var(--col); margin: var(--s4) auto var(--s4); padding: 0; list-style: none; }
.clients .client-logo-wall li { display: flex; align-items: center; justify-content: center; min-width: 0; flex: 0 0 calc(25% - var(--s3)); }
@media (max-width: 760px) { .clients .client-logo-wall li { flex-basis: calc(50% - var(--s3)); } }
.clients .client-logo--tall { height: 30px; }
.clients .client-logo { display: block; height: 20px; width: auto; flex: 0 0 auto; filter: brightness(0) invert(1); opacity: .9; }
.clients .client-logo--boxed { filter: grayscale(1) brightness(1.15); }
.clients .client-logo[src*="wb-games"] { height: 32px; }