How to lock body scroll and animate two headlines one after another?

Hey folks,

Apologies for the less-than-clear explanation earlier—I’m at a bit of a loss for the technical jargon to describe what I’m aiming for. I’ve got an example to better illustrate my point: Check out

In the “above the fold” section, you’ll notice a logo followed by some text, and then a video right under it. The video only starts playing once the text has fully appeared. Now, I’ve got the horizontal scrolling part down, but I’m hitting a wall trying to replicate this particular interaction. I’ve scoured the web for resources and tutorials but haven’t found anything that gets me where I need to be.

Any coding wizards out there who can lend a hand? I’d be immensely grateful!

My ready only link: Webflow - Scrolli Studio