/* The page recedes; the menu unfolds from beneath the fixed navigation. */
.nav-depth-backdrop{position:fixed;z-index:90;inset:var(--navigation-bottom,84px) 0 0;background:#1118271a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0s .36s}
html[data-theme=dark] .nav-depth-backdrop{background:#00000055}
@media(max-width:1100px){
 body.nav-depth-ready>main{transform-origin:50% 0;transition:transform .38s cubic-bezier(.2,.75,.15,1),filter .32s ease}
 body.nav-depth-active{overflow:hidden}
 body.nav-depth-active>main{transform:perspective(1500px) translate3d(0,10px,-28px) rotateX(1.2deg);filter:brightness(.93);will-change:transform}
 body.nav-depth-active .nav-depth-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;touch-action:none}
 .v3-header>nav,.v3-header>nav.open{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:calc(100dvh - var(--navigation-bottom,84px) - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;transform-origin:50% 0;backface-visibility:hidden}
 .v3-header>nav{opacity:0;visibility:hidden;pointer-events:none;transform:perspective(900px) translate3d(0,-12px,-24px) rotateX(-9deg) scale(.985);clip-path:inset(0 0 100% 0 round 18px);transition:transform .36s cubic-bezier(.2,.75,.15,1),clip-path .36s cubic-bezier(.2,.75,.15,1),opacity .22s ease,visibility 0s .36s;box-shadow:0 18px 40px #00000019}
 .v3-header>nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:perspective(900px) translate3d(0,0,0) rotateX(0deg) scale(1);clip-path:inset(0 0 -40px 0 round 18px);transition-delay:0s}
 html[data-theme=dark] .v3-header>nav{background:#181d23!important;border-color:#303843!important;box-shadow:0 18px 40px #0005}
 html[data-theme=dark] .v3-header>nav a[aria-current=page]{background:#2b3542!important;border-color:#3c495a!important;border-radius:12px}
}
@media(min-width:1101px){.nav-depth-backdrop{display:none}}
@media(prefers-reduced-motion:reduce){.nav-depth-backdrop,body.nav-depth-ready>main,.v3-header>nav,.v3-header>nav.open{transition:none!important}.v3-header>nav,.v3-header>nav.open,body.nav-depth-active>main{transform:none!important;filter:none!important}}
