How do I hide Page Header in my Blog Category?

Site URL: https://jamesaltonvisuals.com/

Hi there,

I am trying to hide my page header on everything but my homepage. I've done this so far to make it work,

.page-header
{
  display: none;
}

#collection-5e9ced4eaae6d36c0e265c79 .page-header,
.homepage .page-header
{
  display: block;
}

But because my homepage is also my portfolio blog, I want to hide it when I select my categories such as 'Commercial'.

Is this possible? Or do I have an odd/non-standard setup here?

I find it frustrating that blog categories are hard links in the menu and therefore are treated as separate pages in the menu but they're also viewed as the homepage at the same time. It's very confusing!

Thank you!

You may need to take advantage of javascript

<style>
	.page-header {
      display: none;
    }
</style>
<script>
  window.Squarespace.onInitialize(Y, function() {
      if ( window.location.pathname == '/' ){
          document.querySelector(".page-header").style.display = "block";
      }
  });
</script>

into Advance->Code Injection->Header