/* Client medallions on two flowing paths, inspired by the supplied reference. */
.clients-showcase{position:relative;padding:48px 0 70px;background:#fff;overflow:hidden;color:#2a3a44}
.clients-heading{text-align:center;max-width:650px;margin:0 auto 22px;padding:0 24px}
.clients-heading .eyebrow{color:#b64bc4}.clients-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.045em;font-weight:600;margin:16px 0}.clients-heading h2 span{color:#df14ca}.clients-heading>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#7a8790;margin:0}
.clients-motion{margin-top:18px;border:1px solid #ece6ef;border-radius:30px;background:#fff;color:#7c6b81;font:inherit;font-size:11px;padding:9px 15px;cursor:pointer}.clients-motion span{margin-left:9px}.clients-motion:focus-visible{outline:2px solid #df14ca;outline-offset:4px}
.clients-ribbon{max-width:1320px;margin:auto;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.client-lane{position:relative;height:154px;display:flex;align-items:center}.client-lane:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,#e8d7f2 20%,#efddf7 80%,transparent);transform:rotate(1deg)}
.client-lane-reverse:before{transform:rotate(-1deg)}.client-track{display:flex;width:max-content;animation:client-travel 72s linear infinite;will-change:transform}.client-lane-reverse .client-track{animation-direction:reverse;animation-duration:78s}
.client-group{display:flex;flex:none;gap:38px;padding-right:38px}.client-orbit{position:relative;flex:none;width:112px;text-align:center;animation:client-float 6s ease-in-out infinite}.client-orbit:nth-child(2n){animation-delay:-2s}.client-orbit:nth-child(3n){animation-delay:-4s}
.client-logo{width:106px;height:106px;border-radius:50%;padding:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f5f5f8);border:1px solid #ece1f3;box-shadow:0 7px 10px #2a3a4410,inset 0 0 0 6px #fff;transition:box-shadow .25s,transform .25s;box-sizing:border-box}
.client-logo img{width:100%;height:100%;object-fit:contain}.client-logo-dark{background:#19252f;box-shadow:0 7px 10px #2a3a4410,inset 0 0 0 6px #fff}.client-orbit span{display:block;font-size:10px;color:#89919b;margin-top:10px;opacity:0;transition:opacity .2s}.client-orbit:hover span{opacity:1}.client-orbit:hover .client-logo{transform:translateY(-4px);box-shadow:0 12px 22px #923ea522,inset 0 0 0 6px #fff}
.clients-ribbon:hover .client-track,.clients-ribbon:hover .client-orbit,.clients-showcase.is-paused .client-track,.clients-showcase.is-paused .client-orbit{animation-play-state:paused}
@keyframes client-travel{to{transform:translateX(-50%)}}@keyframes client-float{0%,100%{transform:translateY(-8px)}50%{transform:translateY(8px)}}
@media(max-width:760px){.clients-showcase{padding:36px 0 44px}.clients-heading{margin-bottom:12px}.client-lane{height:125px}.client-group{gap:24px;padding-right:24px}.client-orbit{width:88px}.client-logo{width:84px;height:84px;padding:14px}.client-track{animation-duration:40s}.clients-ribbon{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}}
@media(prefers-reduced-motion:reduce){.client-track,.client-orbit{animation:none}.clients-ribbon{mask-image:none;padding:0 20px}.client-lane{height:auto}.client-group{flex-wrap:wrap;justify-content:center;gap:18px;padding:12px 0;width:100%}.client-group[aria-hidden],.client-lane-reverse{display:none}.client-track{width:100%}.clients-motion{display:none}}
.clients-heading h2 span{font-weight:600}.clients-showcase{scroll-margin-top:105px}

.clients-showcase{padding:30px 0 45px}.clients-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.client-lane{display:block;height:185px}.client-lane:before{display:none}.client-curve{position:absolute;inset:0;width:100%;height:180px;overflow:visible;pointer-events:none}.client-curve path{fill:none;stroke:#ead7f4;stroke-width:1}
.client-track,.client-lane-reverse .client-track{display:block;width:100%;animation:none;transform:none;will-change:auto}.client-group{display:block;padding:0}.client-group[aria-hidden]{display:none}.client-orbit{position:absolute;top:0;left:0;animation:none;will-change:transform}
@media(max-width:760px){.clients-showcase{padding:20px 0 30px}.client-lane{height:165px}}
@media(prefers-reduced-motion:reduce){.client-curve{display:none}.client-lane{height:auto}.client-group{display:flex}.client-orbit{position:relative;transform:none!important;will-change:auto}}
