.mobile-menu-heading,.nav-backdrop{display:none}
@media(max-width:900px){
 body.menu-open .site-header{z-index:11000}
 .nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#020b22a6;backdrop-filter:blur(3px);z-index:1}
 .site-header .nav-menu{z-index:2;right:0;transform:translateX(110%);visibility:hidden;pointer-events:none;height:100vh;height:100dvh;padding:22px 22px max(26px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transition:transform .28s ease,visibility .28s;background:linear-gradient(160deg,#0c2855,#04123c);border-left:1px solid #ffffff18}
 .site-header .nav-menu.open{transform:translateX(0);visibility:visible;pointer-events:auto}
 .mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:22px;margin-bottom:16px;border-bottom:1px solid #ffffff20;color:#fff}
 .mobile-menu-heading>span{font-weight:800;font-size:1.05rem}
 .mobile-menu-close{display:inline-flex;align-items:center;gap:9px;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #ffffff38;background:#ffffff0d;border-radius:12px;color:#fff;font-weight:700;cursor:pointer}
 .mobile-menu-close svg{width:18px;height:18px}.mobile-menu-close:hover{background:#ffffff20}
 .site-header .nav-menu a{border:0;border-radius:12px;padding:14px 16px;margin-bottom:5px;color:#e5efff}
 .site-header .nav-menu a.active,.site-header .nav-menu a:hover{background:#1689e326;color:#9bdeff}
 .mobile-menu-close:focus-visible,.site-header .nav-menu a:focus-visible{outline:3px solid #6fd7ff;outline-offset:3px}
 body.menu-open #franzbot,body.menu-open #backTop{visibility:hidden;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.site-header .nav-menu{transition:none}}