Have Different Header Navigation Styles

Hello Squarespace Community,

I would like to have different Header Navigation Color Styles on different pages.

Specifically, I would like to have the Header Navigation Color Style "White Minimal" on my Landing Page, but for every other page including project pages I would like to have it set to "Transparent". I know quite a bit about CSS, but how can I link a specific CSS style to a certain page?

Is it possible through header injection for example? If yes, how?

Or does it work with CSS only too? (Otherwise I would have to choose the more expensive Squarespace Subscription)

Thank you in advance!

Header Navigation use First Section Style. You can change first section style.

or add your CSS to Page Settings > Advanced > Header. Each Page has Page Header

<style>
  paste your css here
</style>

You can also edit page > Add Code Block > paste this code

<style>
  css here
</style>