#masthead.cgi-hdr-fixed{position:fixed!important;top:0;left:0;right:0;z-index:1000;transform:translateY(-100%);transition:transform .3s ease,background-color .3s ease;background:#fff}
#masthead.cgi-hdr-noanim{transition:none!important}
#masthead.cgi-hdr-fixed .site-main-header-inner-wrap{min-height:60px!important}
#masthead.cgi-hdr-fixed .site-header-wrap,#masthead.cgi-hdr-fixed .site-header-inner-wrap,#masthead.cgi-hdr-fixed .site-main-header-wrap{min-height:0!important;height:auto!important}
/* Kadence sticky sets an inline placeholder height on the upper wrap (child-is-fixed) → 20px translucent strip under the bar */
#masthead.cgi-hdr-fixed .site-header-upper-inner-wrap,#masthead.cgi-hdr-fixed .site-header-upper-wrap{height:auto!important;min-height:0!important}
#masthead.cgi-hdr-fixed .site-main-header-wrap.item-is-fixed{position:static!important}
#masthead.cgi-hdr-fixed.cgi-hdr-up{transform:none;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html.cgi-dark #masthead.cgi-hdr-fixed{background:#0a0a0a}
html.cgi-dark #masthead.cgi-hdr-fixed.cgi-hdr-up{background:rgba(10,10,10,.9)}
/* The revealed header is fixed at top:0, which puts it underneath the WordPress admin bar for
   logged-in editors. Offset it by the height of that bar: 32px normally, 46px on the widths where
   WordPress makes the bar taller, and nothing below 600px where the bar scrolls away with the page. */
body.admin-bar #masthead.cgi-hdr-fixed{top:32px}
@media screen and (max-width:782px){body.admin-bar #masthead.cgi-hdr-fixed{top:46px}}
@media screen and (max-width:600px){body.admin-bar #masthead.cgi-hdr-fixed{top:0}}
/* dark-hero landings: the revealed sticky header, while still scrolled over the dark hero,
   stays dark with white text/logo (prod parity) — turns white once past the hero */
body.cgi-hero-dark-iap #masthead.cgi-hdr-fixed.cgi-hdr-overhero{background:#0a0a0a}
body.cgi-hero-dark-iap #masthead.cgi-hdr-fixed.cgi-hdr-up.cgi-hdr-overhero{background:rgba(10,10,10,.95)}
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .header-navigation a,
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .header-menu-container a,
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero nav a,
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero button:not(.cgi-theme-toggle),
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .cgi-theme-toggle{color:rgba(255,255,255,.9)!important}
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .site-branding img{filter:brightness(0) invert(1)}
/* dropdown panel stays white → dark links even in the overhero (dark revealed) header state */
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .header-navigation .cgi-mega-panel a,
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero nav .cgi-mega-panel a,
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .cgi-mega-panel a,body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .cgi-mega-panel .cgi-mega-title,
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .header-navigation .sub-menu a,
body.cgi-hero-dark-iap #masthead.cgi-hdr-overhero .sub-menu a{color:#171717!important}
#masthead{transition:background-color .5s ease}