.cb-nav-marquee{
  --cb-gap:48px;      /* space between items + seam */
  --cb-speed:25s;     /* full cycle time */
  --cb-dir:-1;        /* -1 left, 1 right */
  overflow:hidden; position:relative;
}
.cb-nav-marquee ul{margin:0;padding:0;list-style:none}
.cb-nav-marquee__track{
  display:flex; gap:var(--cb-gap);
  will-change:transform;
  animation:cb-marquee var(--cb-speed) linear infinite;
}
.cb-nav-marquee__group{
  display:inline-flex; gap:var(--cb-gap);
  white-space:nowrap; min-width:max-content; flex:0 0 auto;
}
@keyframes cb-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * var(--cb-dir) * (50% + var(--cb-gap)/2))); }
}
.cb-nav-marquee:hover .cb-nav-marquee__track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.cb-nav-marquee__track{animation:none;transform:none}}