/* Shared mobile navigation: layout and destinations stay in home_src.html. */
#nav #drawer{display:none;opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity 250ms ease,transform 250ms ease,visibility 0s linear 250ms}
@media(max-width:900px){#nav #drawer:not([hidden]){display:block}}
#nav.open #drawer{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
#nav #drawer[hidden]{display:none}
#nav #drawer>a{opacity:0;transform:translateY(8px);transition:opacity 250ms ease,transform 250ms ease;transition-delay:0ms}
#nav.open #drawer>a{opacity:1;transform:translateY(0);transition-delay:calc(var(--nav-item,0)*40ms)}
#nav .burger span{transition:background-color 250ms ease}
#nav .burger span::before,#nav .burger span::after{transition:top 250ms ease,transform 250ms ease}
#nav.open .burger span{background-color:transparent}
#nav.open .burger span::before{top:0;transform:rotate(45deg)}
#nav.open .burger span::after{top:0;transform:rotate(-45deg)}
@media(prefers-reduced-motion:reduce){
 #nav #drawer,#nav #drawer>a,#nav .burger span,#nav .burger span::before,#nav .burger span::after{transition:none!important;transition-delay:0s!important}
}