/* Mobile navigation: visually transparent at the top, solid after scrolling. */
@media (max-width:760px){
  html[data-nav-style] .site-header{
    transition:background-color .34s ease,border-color .34s ease,box-shadow .34s ease,-webkit-backdrop-filter .34s ease,backdrop-filter .34s ease;
  }

  html[data-nav-style] body:not(.body-lock) .site-header:not(.scrolled){
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html[data-nav-style] body .site-header.scrolled,
  html[data-nav-style] body.body-lock .site-header{
    background:rgba(255,255,255,.97)!important;
    border-color:rgba(211,216,221,.92)!important;
    box-shadow:0 10px 30px rgba(7,28,53,.10)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
    backdrop-filter:blur(16px) saturate(1.15)!important;
  }

  /* Once the homepage moves, restore its current full-width fixed white bar. */
  html[data-nav-style] body[data-home-concept] .site-header.scrolled{
    position:fixed!important;
    inset:0 0 auto!important;
    width:100%!important;
    height:72px!important;
    margin:0!important;
    border-radius:0!important;
  }

  html[data-nav-style] body.body-lock .site-header .nav-toggle{
    color:#0a1a39;
  }
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  html[data-nav-style] .site-header{transition:none!important}
}