/* Homepage navigation overlays the hero; shared inner-page headers stay solid. */
body.home .kn-home-navigation.os-page,
body.home .kn-home-navigation .os-header,
body.home .kn-home-navigation .os-header__row{background:transparent}
body.home .kn-home-navigation .os-header{backdrop-filter:none}
/* Expanded menus retain an opaque surface for legibility. */
body.home .kn-home-navigation .os-dropdown,
body.home .kn-home-navigation .os-nav.is-open{background:var(--secondary-color)}
/* Fill the hero header while its navigation is expanded. */
body.home .kn-home-navigation .os-header{transition:background-color .35s cubic-bezier(.22,1,.36,1)!important}
body.home .kn-home-navigation .os-header:has(.os-dropdown-toggle[aria-expanded="true"]),
body.home .kn-home-navigation .os-header:has(.os-mobile-toggle[aria-expanded="true"]){background:var(--secondary-color)}
@media(prefers-reduced-motion:reduce){body.home .kn-home-navigation .os-header{transition:none!important}}

/* Match the filled shared header on every device. */
body.home .kn-home-navigation .os-header.os-scroll-header{background:var(--secondary-color)}

/* Transparent over the hero at the top; filled after scrolling or opening navigation. */
body.home .kn-home-navigation .os-header.os-scroll-header:not(.os-has-scrolled){background:transparent}
body.home .kn-home-navigation .os-header.os-scroll-header:has(.os-dropdown-toggle[aria-expanded="true"]),
body.home .kn-home-navigation .os-header.os-scroll-header:has(.os-mobile-toggle[aria-expanded="true"]){background:var(--secondary-color)}
