Marquee.
A horizontally scrolling, infinitely looping band of uppercase mono phrases separated by a jade glyph. A duplicated track translates -50% on a linear CSS keyframe; the band is ruled top and bottom with a hairline, always mask-fades its edges, and stops entirely under reduced motion.
When to use
Use a Marquee as a low-stakes ambient rule between two bands — a string of value phrases, carrier names or capability words where the drift signals "and more" without demanding attention. It is a hairline band, not a section: it brings 24px of vertical padding and nothing else. Use a static rail instead when the set is short, order matters, or the items are logos — this component renders strings, not images.
There is no pause on hover — the track never stops, which is why nothing a reader has to catch
mid-drift belongs in it. The duplicated track translates -50% on a linear 60s loop (the speed default), the edge mask is unconditional at
8% / 92%, and the jade separator trails every item rather than sitting between them. Under prefers-reduced-motion: reduce the animation is removed and the first half simply
sits there, clipped. The aria-label and the hidden duplicate shown here are the
porting fix the shipped component omits.