/* Brand logo rail — the paying brands NUM hands guests to (14 Oct 2026).
   Rendered by /assets/brands.js from the live affiliate table, so a lapsed
   programme drops off on the next load. Two rows drifting in opposite
   directions; pauses on hover or keyboard focus; still and wrapped for
   anyone who asks the OS for reduced motion. */
.lr{display:flex;flex-direction:column;gap:12px;margin:0;padding:4px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.lr-row{overflow:hidden}
.lr-track{display:flex;gap:12px;width:max-content;animation:lr-drift var(--lr-dur,60s) linear infinite;will-change:transform}
.lr-row.rev .lr-track{animation-direction:reverse}
.lr:hover .lr-track,.lr:focus-within .lr-track{animation-play-state:paused}
.lr-tile{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  width:136px;height:58px;padding:0 14px;border-radius:14px;background:#fff;
  border:1px solid rgba(10,26,36,.08);box-shadow:0 1px 2px rgba(10,26,36,.05);
  transition:transform .2s ease,box-shadow .2s ease}
.lr-tile img{display:block;max-width:100%;max-height:26px;width:auto;height:auto;object-fit:contain}
.lr-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,26,36,.12)}
.lr-tile:focus-visible{outline:3px solid #0EA483;outline-offset:2px}
@media(min-width:720px){
  .lr{gap:14px}
  .lr-track{gap:14px}
  .lr-tile{width:184px;height:76px;padding:0 22px;border-radius:18px}
  .lr-tile img{max-height:34px}
}
@keyframes lr-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .lr{-webkit-mask-image:none;mask-image:none}
  .lr-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
  .lr-dup{display:none}
}
.lr-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;margin-top:22px;text-align:center}
.lr-note{font-size:12.5px;line-height:1.5;color:#586A74;max-width:60ch;margin:14px auto 0;text-align:center}
@media (prefers-color-scheme:dark){.lr-note.auto-dark{color:#9a9aa2}}
/* The grouped list on /works-with: a small logo beside each name. */
.lr-list .lr-item{display:flex;flex-direction:column;padding:4px 0}
.lr-list .lr-item+.lr-item{border-top:1px solid rgba(10,26,36,.06)}
.lr-list a{display:inline-flex;align-items:center;gap:10px;min-height:40px;font-weight:600}
.lr-list .lr-item .muted{font-size:13px;line-height:1.4;margin:-4px 0 4px 96px}
.lr-list img{width:72px;height:22px;object-fit:contain;object-position:left center;background:#fff;border-radius:6px;padding:4px 6px;box-sizing:content-box;border:1px solid rgba(10,26,36,.08)}