inverting navigation links on the homepage of a portfolio page but not on the individual gallery pages

Site URL: https://www.tristanandsimon.com/

Hi there i want to make the logo white on the splash page of a portfolio page but then invert it on the actual project pages. screenshots to help. 

i have this code already to invert the logo on the main homepage

body:not(.homepage) .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

i have this 

I 

2 hours ago, simoncreative said:

Site URL: https://www.tristanandsimon.com/

Hi there i want to make the logo white on the splash page of a portfolio page but then invert it on the actual project pages. screenshots to help. 

 

i have this code already to invert the logo on the main homepage

body:not(.homepage) .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

 

i have this 

 

I 

 

Use this code to set invert for After hour page and portfolio page

#collection-628ccb6e81d6187462b42405 .header-title-logo img ,#collection-627acba4c8146d6e5311809d .header-title-logo img{
  filter: invert(0);
  -webkit-filter: invert(0);
}

Let me know how it works on your site

My testing

it seems like this did not work

One note is that i would like to invert both the logo and the navigation links between the 'splash page / menu pages' and the different individual project pages

this code works for the logo inverting on the homepage already 

body:not(.homepage) .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
how do i do the same on after hours?

and how do i do the invert the navigation tabs also?

thanks