Path marquee

Where it earns its place

A selected-work or logo reel that should feel placed rather than stamped in a row: a portfolio intro, a client wall, a launch recap.

What we changed

• Kept the core mechanism: CSS offset-path with a wrapped offset-distance per card, plus drag with inertia, scroll-driven speed and a slowdown on hover.
• The curve is written in pixels from the measured panel instead of scaling the whole block with a transform, so cards stay crisp, and on a phone the S turns vertical to use the height.
• Replaced the rolling z-index with depth from position: cards are full size mid-curve and smaller and fainter at the ends, and the same number orders the stack.
• Drag converts pointer pixels to path length and the glide decays per 60th of a second, so it feels the same at 60 and 120 Hz; the arrow keys nudge the reel too.
• Cards are composed Aster OS, Northstar Cloud and Vellum Labs site frames with their real results; reduced motion stops the drift and keeps drag without inertia.