.clients-section{background:#111210;border-top:1px solid var(--line);padding:75px 0 70px;overflow:hidden}
.clients-heading{padding:0 4%;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}
.clients-heading .eyebrow{color:var(--gray)}
.clients-heading h2{font:700 clamp(42px,5vw,76px)/.98 var(--display);letter-spacing:-1px;margin:25px 0 0}
/*.clients-heading h2 em{font:italic .79em/1.2 Georgia,serif;color:var(--accent)}*/
.clients-heading h2 em{font:italic .79em/1.2 Georgia,serif;color:#a6a7a0}
.clients-meta{display:flex;align-items:center;gap:13px;max-width:360px;padding-bottom:6px}
.clients-meta p{font:11px/1.6 var(--mono);color:var(--gray);margin:0;max-width:210px}
.clients-indicator{width:6px;height:6px;flex:0 0 6px;background:var(--accent);border-radius:50%}
.clients-pause{background:none;border:1px solid #ffffff25;padding:9px 12px;white-space:nowrap;font:11px var(--mono);color:var(--paper)}
.clients-pause:hover{border-color:var(--accent);color:var(--accent)}.clients-pause:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.clients-window{padding:22px 0;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.clients-track{display:flex;width:max-content;animation:clients-loop var(--clients-duration,30s) linear infinite;will-change:transform}
.clients-group{display:flex;align-items:center;gap:56px;padding-right:56px;flex-shrink:0}
.client-logo{width:200px;height:115px;display:flex;align-items:center;justify-content:center;gap:16px;color:#b7baac;font:600 25px var(--display);letter-spacing:.5px;flex:0 0 200px}
.client-logo img{width:100%;height:80px;object-fit:contain;filter:grayscale(1);opacity:.8}
.client-logo-1>span:last-child{font:italic 22px Georgia,serif;letter-spacing:-.5px}.client-logo-2>span:last-child{font-weight:700;letter-spacing:2px}
.client-placeholder-mark{display:block;width:31px;height:31px;border:2px solid currentColor;transform:rotate(45deg);position:relative;flex-shrink:0}
.client-placeholder-mark:after{content:'';position:absolute;inset:7px;background:currentColor}
.client-logo-1 .client-placeholder-mark{border-radius:50%;transform:none}.client-logo-1 .client-placeholder-mark:after{border-radius:50%;inset:5px;background:none;border:2px solid currentColor}
.client-logo-2 .client-placeholder-mark{clip-path:polygon(50% 0,100% 100%,0 100%);border:0;background:currentColor;transform:none}.client-logo-2 .client-placeholder-mark:after{clip-path:polygon(50% 0,100% 100%,0 100%);inset:6px 8px 4px;background:#111210}
.clients-section.is-paused .clients-track,.clients-section.is-offscreen .clients-track{animation-play-state:paused}
@keyframes clients-loop{to{transform:translateX(-50%)}}
@media(max-width:700px){.clients-section{padding:50px 0}.clients-heading{padding:0 6%;display:block;margin-bottom:30px}.clients-heading h2{font-size:11vw}.clients-meta{margin-top:25px;max-width:none;justify-content:space-between}.clients-meta p{margin-right:auto}.clients-group{gap:30px;padding-right:30px}.client-logo{width:170px;flex-basis:170px;height:95px;font-size:23px}.clients-window{padding:14px 0}}

