.clients-page{padding-block:20px 52px}
.clients-intro{margin-bottom:28px}
.clients-intro h1{font-size:clamp(48px,6.2vw,88px);line-height:1.04;letter-spacing:-.055em;font-weight:700}
.clients-intro h1 span{color:var(--red)}
.clients-intro h1{animation:clients-appear .7s both}
@keyframes clients-appear{from{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.clients-ribbons{position:relative;display:grid;gap:8px;padding:8px 0;overflow:hidden}
.clients-ribbons::before,.clients-ribbons::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line);z-index:1}
.clients-ribbons::before{top:0}.clients-ribbons::after{bottom:0}
.clients-ribbon{height:112px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 2.5%,#000 97.5%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 2.5%,#000 97.5%,transparent 100%);mix-blend-mode:multiply}
.clients-track{display:flex;width:max-content;animation:clients-flow 230s linear infinite;will-change:transform}
.clients-ribbon:nth-child(2) .clients-track{animation-duration:220s;animation-direction:reverse;animation-delay:-17s}
.clients-ribbon:nth-child(3) .clients-track{animation-duration:220s;animation-delay:-33s}
@keyframes clients-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.clients-sequence{display:flex;flex:none;gap:16px;padding-right:16px}
.clients-logo{width:224px;height:112px;flex:none;display:grid;place-items:center}
.clients-logo img{width:200px;height:96px;max-width:200px;max-height:96px;object-fit:contain;opacity:.38;filter:grayscale(1)}
.clients-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:30px}
.clients-cta h2{font-size:clamp(28px,2.7vw,38px)}
.clients-cta p{color:var(--muted);margin-top:8px}
.clients-cta .button{flex:none}
@media(max-width:767px){.clients-page{padding-block:18px 44px}.clients-intro{margin-bottom:24px}.clients-ribbons{gap:6px;padding:8px 0}.clients-ribbon{height:100px}.clients-sequence{gap:12px;padding-right:12px}.clients-logo{width:176px;height:100px}.clients-logo img{width:160px;height:84px;max-width:160px;max-height:84px}.clients-cta{display:block;padding-top:25px}.clients-cta .button{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.clients-intro h1,.clients-track{animation:none!important;filter:none!important;transform:none!important}.clients-sequence[aria-hidden=true]{display:none}}