/* Shared public header: the CMS value is opacity of its surface, not child content. */
html[data-infr-theme="light"] body .infr-site-header,
html[data-infr-theme="light"] body[data-infr-home-hero="active"] .infr-site-header {
 background:color-mix(in srgb,var(--theme-surface,#fff) var(--infr-site-nav-opacity,58%),transparent)!important;
 backdrop-filter:blur(12px) saturate(1.05)!important;
 -webkit-backdrop-filter:blur(12px) saturate(1.05)!important;
 border-bottom:1px solid color-mix(in srgb,var(--theme-border) 80%,transparent)!important;
 box-shadow:0 2px 14px rgb(28 62 95 / 4%)!important;
}
html[data-infr-theme="light"] .infr-site-header nav {background:transparent!important}