/* Client identities retain their original artwork and colours. */
.clients-section{--clients-gap:64px;--clients-speed:36;padding:52px 0 58px;background:#fff;border-top:1px solid var(--line);scroll-margin-top:100px}
.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.clients-heading .eyebrow{margin-bottom:8px}
.clients-heading h2{font-size:clamp(26px,3vw,36px);margin:0}
.clients-pause{flex:none;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.clients-pause[hidden]{display:none}
.clients-pause:hover{border-color:var(--accent);background:var(--paper)}
.clients-pause:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.clients-viewport{overflow:hidden}
.clients-viewport+.clients-viewport{margin-top:8px}
.clients-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px;list-style:none;margin:0;padding:12px 0}
.client-item{flex:0 0 200px;min-height:112px;display:flex;align-items:center;justify-content:center;gap:16px}
.client-item img{display:block;object-fit:contain;flex:none}
.client-municipality img{width:58px;height:70px}
.client-municipality span{font-size:22px;font-weight:700;line-height:1.3;color:var(--ink)}
.client-municipality small{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.client-text{flex-direction:column;text-align:center;gap:5px}
.client-text small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.client-text b{max-width:180px;font-size:20px;line-height:1.18;color:var(--ink)}
.client-wordmark{width:180px;height:74px}
.client-lesy{width:144px;height:144px}
.client-prazdroj{width:190px;height:54px}
.client-kayaku{width:200px;height:64px}
.client-li-background,.client-dark-background{display:flex;align-items:center;justify-content:center;width:200px;height:64px;background:#303735;border-radius:4px}
.client-li{width:180px;height:auto;max-height:44px}
.client-terebo{width:180px;height:auto}
.client-habresto-background{height:98px;width:140px}
.client-habresto{width:108px;height:82px}
.client-grunt{width:104px;height:104px}
.client-brumov span{font-size:20px}
.client-cube{gap:10px}
.client-cube img{width:16px;height:16px}
.client-cube span{font-size:18px;font-weight:700;line-height:1.3}
.clients-section.is-animated .clients-viewport{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.clients-section.is-animated .clients-track{display:flex;width:max-content;animation:clients-travel var(--clients-duration,58s) linear infinite}
.clients-section.is-animated .clients-list{display:grid;grid-auto-flow:column;grid-auto-columns:200px;width:max-content;flex:none;justify-content:start;gap:var(--clients-gap);padding:12px var(--clients-gap) 12px 0}
.clients-section.is-animated .client-item{min-width:0;width:200px;height:144px}
.clients-section.is-paused .clients-track,.clients-viewport:focus-visible .clients-track{animation-play-state:paused}
@keyframes clients-travel{to{transform:translateX(-50%)}}
@media(hover:hover){.clients-viewport:hover .clients-track{animation-play-state:paused}}
@media(max-width:640px){.clients-section{--clients-gap:40px;--clients-speed:32;padding:36px 0}.clients-heading{align-items:flex-start;gap:16px;flex-direction:column}.clients-heading h2{font-size:28px}.client-item{flex-basis:184px}}
@media(prefers-reduced-motion:reduce){
 .clients-section.is-animated .clients-viewport{mask-image:none}
 .clients-section.is-animated .clients-track{animation:none;transform:none;width:100%;display:block}
 .clients-section.is-animated .clients-list{display:flex;width:100%;flex-wrap:wrap;justify-content:center;padding-right:0;gap:24px}
 .clients-section.is-animated .clients-copy,.clients-pause{display:none}
}

.clients-hint{margin:8px 0 0;font-size:13px;color:var(--muted)}
.clients-section.is-animated .clients-viewport{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.clients-section .clients-viewport.is-dragging{cursor:grabbing}
.clients-section .clients-viewport.is-dragging .clients-track{animation-play-state:paused}
.clients-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.clients-section.is-animated .clients-viewport{cursor:auto;touch-action:auto;user-select:auto;-webkit-user-select:auto}.clients-hint{display:none}}

.client-hluboka span{font-size:18px}

.client-road-traffic{filter:brightness(0)}