.clients{border-block:1px solid var(--line);padding-block:36px}
.clients__in{display:flex;align-items:center;gap:56px}
.clients__lab{display:grid;gap:8px;flex:none}
.clients__lab p{font-size:14px;color:var(--muted);line-height:1.55}
.marquee{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__track span{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ghost);padding-inline:36px;white-space:nowrap;transition:color .25s}
.marquee__track span:hover{color:var(--ink)}
@keyframes marquee{to{transform:translateX(-50%)}}


.clients-group{display:flex;flex:none;align-items:center;gap:48px;padding:0 48px 0 0;margin:0;list-style:none}
.client-logo{display:flex;flex:0 0 140px;align-items:center;justify-content:center;width:140px;height:52px}
.client-logo a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.client-logo img{width:100%;height:100%;object-fit:contain}
.marquee__track .client-name{padding:0;color:var(--ink);font-size:14px;line-height:1.3;white-space:normal;text-align:center}
.clients .marquee__track{animation-duration:65s}
.marquee:focus-within .marquee__track{animation-play-state:paused}
@media(max-width:760px){.clients .marquee{width:100%;flex:auto}.clients-group{gap:28px;padding-right:28px}.client-logo{flex-basis:120px;width:120px;height:46px}}
@media(prefers-reduced-motion:reduce){.clients .marquee{overflow-x:auto}.clients .marquee__track{animation:none}.clients-copy{display:none}}


@media(max-width:900px){.clients__in{gap:32px}}
@media(max-width:640px){.clients__in{flex-direction:column;align-items:flex-start}.clients .marquee{width:100%}}