How to change font color of logo on navigation(text) for one or two specific pages?

Hello All,

I would like to change the font color of my logo and the color of my hamburger menu icon in the navigation on certain pages to cater to the background color of the page.

They are currently white, but I would like to change them to black when on the "Videos" page for example.

Website: https://violin-aqua-9h9p.squarespace.com/
Password: HELPME

Thank you!

Add this code into Videos Page Header (DO NOT ADD TO CUSTOM CSS)

<style>
  body:not(.header--menu-open) a#site-title {
    color: black !important;
}
body:not(.header--menu-open) .burger-inner>div {
    background-color: black !important;
}
</style>

How do I add the code to the header for the page in squarespace 7.1?