Horizontal Scroll

Convert vertical scroll input into horizontal movement of a pinned row of content.

Trigger:
Vertical scroll position within a pinned section.

Start:
The section pins to the viewport and vertical scroll begins converting to horizontal movement.

End:
All horizontally-arranged content has passed; the section unpins and vertical scrolling resumes normally.

Behavior:
While the section is pinned, vertical scroll input is translated into horizontal translateX movement of a row of cards, so scrolling down visually moves content sideways.

Initial state:
translateX: 0

Final state:
translateX: -(total row width minus viewport width)