Approach for specific Header Customization

Hello,

I would like to achieve the same header as in this site: https://manoverboard.com/
First, they have a preloaded animation with a different background color, but I'm not sure how to achieve this? Jquery?
Second, how to position the logo on the home page as the site (left and with margin top?)
Third, how to only enable hamburger menu on the right (in this case the site has a blue dot icon instead of the menu)
After when you scroll down the menu is sticky which is something that can be done with GP.

Thanks a lot for your suggestions!