Streaming live at 10am (PST)

Nav "On-Scroll" Animation Breaks halfway through page scroll

Hi All,
I created a nav animation on scroll to shrink the nav size past a certain point on the page hero. For some reason, however, around the center of my page, it seems to interact with some other element and that disrupts the animation. I’m not sure what’s going on here so I’m hoping someone can help me identify the issue. Thanks!

Here is my site Read-Only: [LINK](Webflow - HIEC)