.client-showcase{padding:42px 0 34px;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.client-heading-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.client-heading-row h2{font:600 clamp(1.35rem,2.2vw,1.85rem)/1.3 var(--display);letter-spacing:-.035em;margin:0}
.client-control{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid #d9ddd5;border-radius:3px;font-size:.78rem;color:#434a40;cursor:pointer;white-space:nowrap}
.client-control:hover{background:#f6f5f0}.client-resume-text{display:none}
.client-pause:focus-visible~.client-heading-row .client-control{outline:2px solid #705417;outline-offset:4px}
.client-pause:checked~.client-heading-row .client-pause-text,.client-pause:checked~.client-heading-row .client-pause-icon{display:none}
.client-pause:checked~.client-heading-row .client-resume-text{display:inline}
.client-window{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d6b965 #f4f5f3;padding-bottom:12px}
.client-window:focus-visible{outline:2px solid #705417;outline-offset:5px}
.client-track{display:flex;width:max-content;animation:client-drift 48s linear infinite}
.client-list{display:flex;align-items:center;gap:24px;list-style:none;padding:0 24px 0 0;margin:0;flex-shrink:0}
.client-logo{width:220px;height:156px;flex:0 0 220px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e9e4;background:#fff;padding:12px}
.client-logo img{display:block;width:100%;height:100%;object-fit:contain;max-width:200px;max-height:130px}
.client-logo-dark{background:#141414;border-color:#141414}
.client-window:hover .client-track,.client-window:focus-within .client-track,.client-pause:checked~.client-window .client-track{animation-play-state:paused}
@keyframes client-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.client-showcase{padding:30px 0 24px}.client-heading-row{align-items:flex-start;gap:12px;margin-bottom:18px}.client-heading-row h2{max-width:220px;font-size:1.35rem}.client-control{padding:7px 9px;font-size:.7rem}.client-logo{width:180px;height:140px;flex-basis:180px}.client-list{gap:16px;padding-right:16px}.client-track{animation-duration:44s}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none;transform:none}.client-list-copy,.client-control,.client-pause{display:none}.client-list{padding-right:0}}