How to remove a menu item from portfolio page but not projects squarespace

Hi!

I want to remove an item from my nav menu on certain pages (only the homepage). At the moment, I use my portfolio page (called Work) as my homepage. I don't want the Work menu option to be visible when on the homepage, but have it be visible when not on it. I almost got it to work when putting the following code in my page header code:

<style>
    
  /* remove 'work' from menu*/
  /* desktop */
    .header-nav-item:nth-of-type( 3 ), /* work */
  
  /* mobile */
    .header-menu-nav-item:nth-of-type( 3 ) /* work */
  
    {
    
    display: none;
    
    }
    
  </style>

This works fine when visiting pages like about, or contact, but the problem occurs when visiting a project page. The menu option is still not visible when on a project page and I would like it to be visible there. Does any of you know how to go on about that?

Website: https://bartseijbel.nl

Thanks,

Bart