/* "Trusted by" logo strips on the homepage: one line that slides right → left forever.
   The track holds the logo set twice, so moving it by -50% loops without a jump.
   Never wraps onto a new line (any screen size); pauses on hover; still for reduced motion. */
.logo-marquee{position:relative;overflow:hidden;width:100%;min-width:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-marquee__track{display:flex;flex-wrap:nowrap;align-items:center;width:max-content;animation:logoMarquee var(--marquee-dur,24s) linear infinite}
.logo-marquee:hover .logo-marquee__track{animation-play-state:paused}
@keyframes logoMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* band under the hero (index.php) */
.agency-logo-section .logo-marquee__track{gap:0}
.agency-logo-section .logo-marquee__track>.agency-logo{flex:none;margin-right:clamp(22px,4vw,58px)}

/* row inside hero styles A and C (includes/home_hero.php) */
.fth-logos.fth-logos--marquee{display:flex;flex-wrap:nowrap;align-items:center;gap:18px;min-width:0}
.fth-logos--marquee .fth-cap{flex:none}
.fth-logos--marquee .logo-marquee__track>img{flex:none;margin-right:28px}
.fth-center .fth-logos--marquee{width:min(100%,720px)}

@media (prefers-reduced-motion:reduce){
  .logo-marquee{overflow-x:auto;scrollbar-width:none}
  .logo-marquee::-webkit-scrollbar{display:none}
  .logo-marquee__track{animation:none}
  .logo-marquee__track>[aria-hidden="true"]{display:none}
}