.ClientLoop { background: var(--cw-mint, #ceffd6); color: #171717; padding: 36px 0 16px; overflow: hidden; }
.ClientLoop__heading { text-align: center; margin: 0 24px 24px; }
.ClientLoop__heading h3 { font: inherit; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.15; margin: 0; }
.ClientLoop__viewport { overflow: hidden; width: 100%; }
.ClientLoop__track { display: flex; }
.ClientLoop__group { box-sizing: border-box; display: flex; flex: 0 0 100%; flex-wrap: wrap; justify-content: center; align-items: center; list-style: none; padding: 0 24px; margin: 0; gap: 48px; }
.ClientLoop__group[aria-hidden] { display: none; }
.ClientLoop__item { flex: 0 0 180px; height: 110px; display: flex; align-items: center; justify-content: center; }
.ClientLoop__item a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.ClientLoop__item img { filter: none; display: block; width: auto; height: auto; max-width: 180px; max-height: 90px; object-fit: contain; }
.ClientLoop__vector { display: flex; align-items: center; justify-content: center; width: 100%; }
.ClientLoop__vector svg { width: 180px; height: 90px; max-width: 100%; }
.ClientLoop__tokinomo { position: relative; display: block; width: 180px; height: 37px; overflow: hidden; }
.ClientLoop__tokinomo img { position: absolute; inset: 0 auto auto 0; width: 180px; max-height: none; }
.ClientLoop__tokinomo .ClientLoop__tok-dark { filter: brightness(0); }
.ClientLoop__tokinomo .ClientLoop__tok-colour { clip-path: polygon(0 0, 19.5% 0, 19.5% 78%, 0 78%); }
@media(max-width:700px) { .ClientLoop__vector svg { width: 140px; height: 72px; } .ClientLoop__tokinomo { width: 140px; height: 29px; } .ClientLoop__tokinomo img { width: 140px; } }
.ClientLoop__item a:focus-visible { outline: 2px solid #4b37ff; outline-offset: 5px; border-radius: 6px; }
.ClientLoop.is-enhanced .ClientLoop__track { width: max-content; animation: client-loop-right 90s linear infinite; }
.ClientLoop.is-enhanced .ClientLoop__group { display: flex; flex-wrap: nowrap; flex: none; width: calc(var(--client-count) * 228px); min-width: 0; }
.ClientLoop__item { width: 180px; min-width: 180px; max-width: 180px; overflow: hidden; }
.ClientLoop__item > *, .ClientLoop__item a > * { flex-shrink: 0; }
@media(max-width:700px) {
 .ClientLoop.is-enhanced .ClientLoop__group { width: calc(var(--client-count) * 176px); }
 .ClientLoop__item { width: 140px; min-width: 140px; max-width: 140px; }
}
.ClientLoop.is-enhanced:hover .ClientLoop__track,
.ClientLoop.is-enhanced:focus-within .ClientLoop__track { animation-play-state: paused; }
@keyframes client-loop-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media(max-width:700px) {
 .ClientLoop { padding-top: 28px; }
 .ClientLoop__heading { margin-bottom: 20px; }
 .ClientLoop__item { flex-basis: 140px; height: 90px; }
 .ClientLoop__item img { max-width: 140px; max-height: 72px; }
 .ClientLoop__group { gap: 36px; padding: 0 18px; }
}
@media(prefers-reduced-motion:reduce) {
 .ClientLoop.is-enhanced .ClientLoop__track { animation: none; transform: none; width: 100%; }
 .ClientLoop.is-enhanced .ClientLoop__group { min-width: 0; width: 100%; flex-wrap: wrap; }
 .ClientLoop.is-enhanced .ClientLoop__group[aria-hidden] { display: none; }
}