/*
  Predictable Innovation, v2: the moving logo band (ours, 2026-10-29), for /apply (Jose: "the existing moving logo strip
  near the top"). The service pages' rules, word for word (service-pages.css, "final: client photos, logo band"),
  less the two `.paper` rules (no light ground on /apply). The service pages keep their own copy. Its script is
  js/marquee.js (it clones the set once and starts the scroll); without JavaScript the band stands still. With reduced
  motion nothing moves and the logos wrap.
*/
.band{margin-top:clamp(36px,4vw,56px)}
.band-k{font-size:14px;line-height:1.4;color:var(--muted)}
.marq{margin-top:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marq-track{display:flex;width:max-content}
.marq-track.ready{animation:marq 45s linear infinite}
.marq:hover .marq-track{animation-play-state:paused}
.marq-set{display:flex;align-items:center;gap:64px;padding-right:64px}
.marq-set img{width:auto;max-width:none;opacity:.85}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marq{-webkit-mask-image:none;mask-image:none}
  .marq-track,.marq-track.ready{animation:none;width:auto}
  .marq-set{flex-wrap:wrap;gap:24px 40px;padding-right:0}
  .marq-set[aria-hidden]{display:none}
}
@media (max-width:720px){.marq-set{gap:44px;padding-right:44px}}