
/* V8.3: premium frosted navigation + staged entry and exit animation */
@media (max-width:1050px) {
 header.v4-header .v4-nav {
  display:flex!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(0,-14px,0) scale(.965)!important;
  transform-origin:top center!important;
  max-height:min(76vh,680px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  background:rgba(249,248,244,.93)!important;
  -webkit-backdrop-filter:blur(55px) saturate(190%) brightness(1.06)!important;
  backdrop-filter:blur(55px) saturate(190%) brightness(1.06)!important;
  box-shadow:0 25px 80px rgba(13,35,44,.23),inset 0 1px 0 rgba(255,255,255,.65)!important;
  transition:opacity .32s ease,transform .44s cubic-bezier(.2,.85,.2,1),visibility .44s!important;
  will-change:transform,opacity;
 }
 html[data-theme=dark] header.v4-header .v4-nav,body.dark header.v4-header .v4-nav {
  background:rgba(12,25,31,.94)!important;
  -webkit-backdrop-filter:blur(55px) saturate(170%)!important;
  backdrop-filter:blur(55px) saturate(170%)!important;
  box-shadow:0 30px 85px rgba(0,0,0,.55),inset 0 1px 0 rgba(225,242,244,.11)!important;
 }
 header.v4-header .v4-nav:is(.v4-open,.open) {
  display:flex!important;visibility:visible!important;opacity:1!important;
  pointer-events:auto!important;transform:translate3d(0,0,0) scale(1)!important;
 }
 header.v4-header .v4-nav a {
  opacity:0;transform:translate3d(0,-8px,0);
  transition:opacity .19s ease,transform .28s ease,background-color .2s,border-color .2s!important;
 }
 header.v4-header .v4-nav:is(.v4-open,.open) a {
  opacity:1;transform:translate3d(0,0,0);
  transition-delay:calc(var(--nav-index,0) * 35ms)!important;
 }
 header.v4-header .v4-nav a:nth-child(1){--nav-index:1}
 header.v4-header .v4-nav a:nth-child(2){--nav-index:2}
 header.v4-header .v4-nav a:nth-child(3){--nav-index:3}
 header.v4-header .v4-nav a:nth-child(4){--nav-index:4}
 header.v4-header .v4-nav a:nth-child(5){--nav-index:5}
 header.v4-header .v4-nav a:nth-child(6){--nav-index:6}
 header.v4-header .v4-nav a:nth-child(7){--nav-index:7}
 header.v4-header .v4-nav a:nth-child(8){--nav-index:8}
 header.v4-header .v4-nav a:nth-child(9){--nav-index:9}
 header.v4-header .v4-hamburger{transition:transform .3s,background .3s!important}
 header.v4-header .v4-hamburger[aria-expanded=true]{background:rgba(104,159,170,.23)!important;transform:scale(1.045)}
}
@media(prefers-reduced-motion:reduce){header.v4-header .v4-nav,header.v4-header .v4-nav a,header.v4-header .v4-hamburger{transition:none!important;animation:none!important;transform:none!important}}
