One issue I had when working on this in Claude Code was rendering. The animation was rendering squashed instead of adapting to its container. After ruling out the Rive file and runtime, the cause turned out to be my own CSS, a fixed-size container leaving the animation no room to flex into. Fixing the container size solved it instantly, reinforcing that the animation only adapts as much as the space it's given.
For the choreography, clicking a chevron triggers a 45-frame, 60fps Rive transition, and the FAQ accordion below is timed to move as one gesture with it.
The outgoing section animates out across frames 0–26 while the incoming section animates in across frames 27–45 settling exactly on frame 45, the same frame the Rive strip animation lands on.
Link to site