.clients{padding:70px 0;background:var(--deep) url('assets/grain.svg');border-bottom:1px solid var(--line)}
.clients-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}
.clients-heading h2{font-size:clamp(32px,3.6vw,48px)}
.clients-heading .eyebrow{margin-bottom:17px}
.clients-demo{font-size:11px;color:#b7c2c2;margin-top:18px;max-width:580px}
.clients-demo strong{color:var(--gold);font-weight:400}
.clients-toggle{flex-shrink:0;border:1px solid #728078;background:transparent;padding:10px 16px;font-size:11px;color:var(--ivory);min-height:44px}
.clients-toggle:hover{border-color:var(--gold);color:var(--gold)}
.clients-window{overflow-x:auto;overscroll-behavior-x:contain;padding:8px 0 15px}
.clients-track{display:flex;width:max-content}
.clients-list{list-style:none;margin:0;padding:0 22px 0 0;display:flex;gap:22px}
.client-card{width:240px;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);padding:25px 18px;background:#17343b45;gap:9px;text-align:center}
.client-card>span{font-family:var(--serif);font-size:30px;color:var(--gold);letter-spacing:-.03em}
.client-card:nth-child(2n)>span{font-family:var(--sans);font-size:24px;font-weight:600;letter-spacing:.09em}
.client-card:nth-child(3n)>span{font-style:italic}
.client-card small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#b5c2c1}
.clients-window.is-animated{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.is-animated .clients-track{animation:clients-scroll 48s linear infinite}
.is-animated.is-paused .clients-track,.clients-window:hover .clients-track{animation-play-state:paused}
@keyframes clients-scroll{to{transform:translateX(-50%)}}
@media(max-width:560px){.clients{padding:50px 0}.clients-heading{align-items:flex-start;flex-direction:column;gap:20px}.client-card{width:200px;min-height:140px}.clients-list{gap:15px;padding-right:15px}.clients-demo{font-size:10px}}
@media(prefers-reduced-motion:reduce){.clients-window.is-animated{overflow-x:auto;mask-image:none}.is-animated .clients-track{animation:none}.clients-list[aria-hidden="true"]{display:none}.clients-toggle{display:none}}