/* V8: direction-aware sticky navigation. Header is initially transparent. */
#site-header.nav{position:fixed!important;top:0!important;left:0;right:0;width:100%;z-index:120!important;transform:translate3d(0,0,0);transition:transform .38s cubic-bezier(.22,1,.36,1),background-color .3s ease,box-shadow .3s ease!important;will-change:transform}
#site-header.nav.header-hidden:not(.nav-open){transform:translate3d(0,-110%,0);pointer-events:none}
/* Readable, light glass background once content is scrolling behind it. */
#site-header.nav.header-scrolled{background:rgba(5,18,33,.94)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
#site-header.nav.header-scrolled[data-theme="light"]{background:rgba(250,249,246,.96)!important}
#site-header.nav.header-scrolled:not([data-theme="light"]) .nav-login-outline{color:#fff!important}
#site-header.nav.nav-open{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
/* Keep hamburger hard-right at mobile widths, with logo as the only other header element. */
@media(max-width:1080px){
  #site-header.nav .nav-inner{display:flex!important;width:100%;justify-content:space-between!important;align-items:center!important}
  #site-header.nav .brand{margin-right:auto!important}
  #site-header.nav .menu-toggle{display:flex!important;align-items:center;justify-content:center;margin:0 0 0 auto!important;flex:0 0 46px;min-width:46px;min-height:46px;position:relative;z-index:125}
  #site-header.nav .nav-actions{display:none!important}
  /* Mobile drawer must stay fully opaque and tappable regardless of current slide. */
  #site-header.nav .main-menu{background:#091d30!important;opacity:1!important;visibility:visible!important}
}
@media(prefers-reduced-motion:reduce){#site-header.nav{transition:none!important}}