@font-face{font-family:Client Elite Core;src:url('/assets/client-logos/elite-core-wordmark.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Client Anvil;src:url('/assets/client-logos/anvil-wordmark.woff2') format('woff2');font-style:normal;font-weight:200 700;font-display:swap}

.client-logo-strip{--logo-scale:1;--logo-gap:48px;margin-bottom:40px;padding:27px 0 20px;background:#f0f0f0;color:#111;border:1px solid #d6d6d6;border-radius:24px;overflow:hidden}
.client-logo-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 32px 16px}
.client-logo-heading h2{margin:0;font-size:1.4rem;line-height:1.3;letter-spacing:-.035em}
.client-logo-strip .motion-toggle{flex-shrink:0;color:#555;font-size:.875rem;padding:11px 0;gap:9px;min-height:44px}
.client-logo-strip .motion-toggle:hover{color:#111}
.client-logo-filters{pointer-events:none;position:absolute}
.client-logo-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4% 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4% 96%,transparent)}
.client-logo-track{display:flex;width:max-content;animation:client-logos-scroll 85s linear infinite;animation-play-state:paused}
html[data-motion="on"] .client-logo-track{animation-play-state:running}
.client-logo-group{display:flex;flex-shrink:0;gap:var(--logo-gap);padding:0 var(--logo-gap) 0 0;margin:0;list-style:none}
.client-logo-slot{display:flex;flex:none;justify-content:center;align-items:center;width:auto;height:128px}
.client-logo-surface{display:block;flex-shrink:0}
.client-logo-art{display:block;position:relative;overflow:hidden;width:calc(var(--logo-width) * var(--logo-scale));height:calc(var(--logo-height) * var(--logo-scale))}
.client-logo-art img{display:block;position:absolute;width:var(--logo-image-width);height:var(--logo-image-height);max-width:none;max-height:none;left:var(--logo-image-left);top:var(--logo-image-top);user-select:none}
.client-logo-trusted img,.client-logo-revival img{filter:url(#trusted-logo-clear-background)}
.client-logo-peptorix .client-logo-surface,.client-logo-northstar .client-logo-surface,.client-logo-sigma .client-logo-surface,.client-logo-protocol .client-logo-surface{padding:calc(8px * var(--logo-scale));border-radius:10px}
.client-logo-peptorix .client-logo-surface{background:#0d1b3e}
.client-logo-northstar .client-logo-surface{background:#0b0f19}
.client-logo-sigma .client-logo-surface{background:#000}
.client-logo-protocol .client-logo-surface{background:#012f25}
.client-brand-wordmark{white-space:nowrap;user-select:none;flex-shrink:0}
.client-logo-elite .client-brand-wordmark{font-family:Client Elite Core,sans-serif;font-size:calc(18px * var(--logo-scale));letter-spacing:.12em;color:#111;font-weight:800}
.client-logo-anvil .client-brand-wordmark{display:flex;align-items:center;gap:calc(6px * var(--logo-scale));font-family:Client Anvil,sans-serif;font-size:calc(18px * var(--logo-scale));letter-spacing:-.025em;color:#0a2547;font-weight:700;line-height:1.4}
.client-logo-anvil svg{width:calc(16px * var(--logo-scale));height:calc(16px * var(--logo-scale));color:#1f5ae0;flex-shrink:0}
.client-logo-anvil .anvil-wordmark-secondary{font-size:calc(12px * var(--logo-scale));letter-spacing:.2em;color:#1f5ae0;font-weight:600}
@keyframes client-logos-scroll{to{transform:translateX(-50%)}}

/* Without JavaScript, show the complete list instead of a clipped frozen strip. */
html:not([data-motion]) .client-logo-track{width:100%;animation:none}
html:not([data-motion]) .client-logo-group{flex-wrap:wrap;justify-content:center;width:100%;padding:0 24px;row-gap:12px}
html:not([data-motion]) .client-logo-group[aria-hidden="true"]{display:none}
html:not([data-motion]) .client-logo-window{-webkit-mask-image:none;mask-image:none}
@media(max-width:760px){
  .client-logo-strip{--logo-scale:.8;--logo-gap:32px;margin-bottom:28px;padding:21px 0 15px;border-radius:20px}
  .client-logo-heading{padding:0 22px 12px;flex-wrap:wrap;gap:2px 20px}
  .client-logo-heading h2{font-size:1.2rem}
  .client-logo-slot{height:106px}
}
@media(prefers-reduced-motion:reduce){
  html:not([data-motion="on"]) .client-logo-track{width:100%;animation:none}
  html:not([data-motion="on"]) .client-logo-group{flex-wrap:wrap;justify-content:center;width:100%;padding:0 24px;row-gap:12px}
  html:not([data-motion="on"]) .client-logo-group[aria-hidden="true"]{display:none}
  html:not([data-motion="on"]) .client-logo-window{-webkit-mask-image:none;mask-image:none}
}