/* Brand strip under the hero: brands we have led engineering at, shown as each
   company's own logo rendered as a light monochrome mark (filter turns any colour
   to solid white, then 78% opacity). Infinite scroll by translating a track that
   holds the list twice; the second copy is aria-hidden. Stops for
   prefers-reduced-motion and on hover. Logo files: /assets/img/logos/. */
.logos{border-top:1px solid rgba(52,229,255,.13);border-bottom:1px solid rgba(52,229,255,.13);background:rgba(0,59,101,.12);padding:22px 0 24px;--s:1}
.logos .label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(234,244,251,.55);text-align:center;margin:0 0 14px}
.logos .viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logos .track{display:flex;width:max-content;animation:logos-scroll 48s linear infinite}
.logos .viewport:hover .track{animation-play-state:paused}
.logos ul{display:flex;align-items:center;gap:clamp(44px,8vw,96px);list-style:none;margin:0;padding:0 clamp(22px,4vw,48px)}
.logos li{display:flex;align-items:center;min-height:40px;flex:none}
.logos img{display:block;width:auto;height:calc(30px*var(--s));max-width:none;filter:brightness(0) invert(1);opacity:.78}
/* per-logo optical balance: tall marks bigger, long wordmarks smaller */
.logos img[src$="/nfl.svg"]{height:calc(40px*var(--s))}
.logos img[src$="/fox.svg"]{height:calc(28px*var(--s))}
.logos img[src$="/fox-sports.svg"]{height:calc(36px*var(--s))}
.logos img[src$="/truetest.png"]{height:calc(26px*var(--s))}
.logos img[src$="/outcomemd.svg"]{height:calc(28px*var(--s))}
.logos img[src$="/vytlone.png"]{height:calc(22px*var(--s))}
.logos img[src$="/pinned-golf.png"]{height:calc(32px*var(--s))}
@media (max-width:600px){.logos{--s:.85}}
@keyframes logos-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .logos .track{animation:none;width:auto;justify-content:center}
  .logos .track ul[aria-hidden]{display:none}
  .logos ul{flex-wrap:wrap;justify-content:center;row-gap:18px}
}
