/* Chinese brand wall: four compact rows, original colors, native horizontal browsing. */
.agency-v2 .client-logo-wall { --client-logo-width:clamp(148px,15vw,214px); }
.agency-v2 .client-logo-rows { border-top:1px solid var(--agency-rule); }
.agency-v2 .client-logo-lane { width:100%; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; border-bottom:1px solid var(--agency-rule); scrollbar-width:thin; scrollbar-color:var(--agency-brand) #f2f7f7; scroll-behavior:auto !important; }
.agency-v2 .client-logo-wall.is-looping .client-logo-lane { scrollbar-width:none; }
.agency-v2 .client-logo-wall.is-looping .client-logo-lane::-webkit-scrollbar { display:none; }
.agency-v2 .client-logo-track { display:flex; width:max-content; }
.agency-v2 .client-logo-sequence { display:flex; flex:0 0 auto; list-style:none; margin:0; padding:0; }
.agency-v2 .client-logo-item { display:flex; flex:0 0 var(--client-logo-width); align-items:center; justify-content:center; width:var(--client-logo-width); height:92px; padding:18px 24px; user-select:none; }
.agency-v2 .client-logo-item > img { display:block; width:136px; max-width:100%; height:48px; object-fit:contain; filter:none; opacity:1; user-select:none; -webkit-user-drag:none; }
.agency-v2 .client-wall-footer { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-top:20px; }
.agency-v2 .client-wall-footer > p { margin:0; color:var(--agency-muted); font-size:12px; line-height:1.8; }
.agency-v2 .client-wall-controls { display:flex; flex-shrink:0; align-items:center; gap:8px; }
.agency-v2 .client-wall-controls[hidden] { display:none !important; }
.agency-v2 .client-wall-controls button { display:grid; place-items:center; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid var(--agency-rule); background:#fff; color:var(--agency-ink); cursor:pointer; font:400 20px/1 var(--p-font-display); }
.agency-v2 .client-wall-controls .client-motion-toggle { width:44px; height:44px; min-width:44px; padding:0; }
.agency-v2 .client-motion-icon { position:relative; display:block; width:18px; height:18px; }
.agency-v2 .client-motion-icon::before,.agency-v2 .client-motion-icon::after { content:""; position:absolute; top:3px; width:3px; height:12px; background:currentColor; }
.agency-v2 .client-motion-icon::before { left:4px; }
.agency-v2 .client-motion-icon::after { right:4px; }
.agency-v2 .client-motion-toggle[data-motion-state="paused"] .client-motion-icon::before { top:2px; left:5px; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:11px solid currentColor; background:transparent; }
.agency-v2 .client-motion-toggle[data-motion-state="paused"] .client-motion-icon::after { display:none; }
.agency-v2 .client-wall-controls button:hover { border-color:var(--agency-brand); background:#effafa; }
.agency-v2 .client-logo-lane:focus-visible,.agency-v2 .client-wall-controls button:focus-visible { outline:2px solid var(--agency-brand); outline-offset:3px; }
@media(hover:hover) and (pointer:fine) {
 .agency-v2 .client-logo-wall.is-looping .client-logo-lane { cursor:grab; }
 .agency-v2 .client-logo-wall.is-looping .client-logo-lane.is-dragging { cursor:grabbing; }
}
@media(max-width:700px) {
 .agency-v2 .client-logo-wall { --client-logo-width:144px; }
 .agency-v2 .client-logo-item { height:76px; padding:14px 20px; }
 .agency-v2 .client-logo-item > img { height:40px; }
 .agency-v2 .client-wall-footer { flex-wrap:wrap; gap:16px; padding-top:18px; }
 .agency-v2 .client-wall-footer > p { font-size:11px; }
}