Dynamic styles from CMS outside of collection wrapper

I’m thinking this would only be possible custom code, but I’d like to change the colour of the logo and nav links in the header dynamically based on scroll position.

So, my set up is as follows:
Header with logo & main navigation
Hero section
Clients section

  • within this section I have content pulled from the CMS for each client
  • the background colour and text colour changes based on the container scrolling into view, simple with default dynamic settings for CMS items.

I’d like to target the logo and links in the header and have them change colour to match each section. Is this possible?

The effects aren’t workin on my public link, so you can see the WIP site here: https://mrjonnywood.webflow.io/

Here is my public share link: LINK
(how to access public share link)