.mobile-menu-toggle{display:none}.mobile-navigation{position:fixed;inset:0 auto 0 0;margin:0;width:min(360px,90vw);max-width:none;height:100dvh;max-height:100dvh;border:0;border-right:1px solid #314e40;border-radius:0;background:#101c17;padding:24px 25px calc(28px + env(safe-area-inset-bottom));color:#edf4f1;overflow:auto;box-shadow:20px 0 80px #0006}.mobile-navigation::backdrop{background:#020b09aa;backdrop-filter:blur(6px)}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;font-family:Manrope,sans-serif;font-size:22px;font-weight:600;margin-bottom:26px}.mobile-menu-close{width:44px;height:44px;border:1px solid #395444;background:#193027;color:#61e4c5;border-radius:50%;font-size:28px;line-height:1}.mobile-navigation nav{display:flex;flex-direction:column;gap:0}.mobile-navigation nav a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 10px;border-radius:7px;font-size:15px;min-height:48px}.mobile-navigation nav a span{color:#61e4c5}.mobile-navigation nav a:hover,.mobile-navigation nav a[aria-current=page]{background:#223d30;color:#61e4c5}.mobile-nav-label{font-size:9px;letter-spacing:2px;color:#8cae9a;padding:25px 10px 10px}.mobile-navigation>p{font-size:13px;color:#b8cbbf;padding:24px 10px 0;border-top:1px solid #2c4436;margin-top:24px;line-height:1.8}.mobile-navigation small{font-size:11px;color:#829d8d}
@keyframes menuEntrance{from{opacity:.5;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}

@media(max-width:800px){header{padding-left:4%;padding-right:4%;gap:10px;justify-content:flex-start}.mobile-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #345043;border-radius:9px;background:#13241d;color:#61e4c5}.mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}.mobile-menu-toggle:active{background:#254936}.mobile-menu-toggle:focus-visible{outline:2px solid #61e4c5}.brand{font-size:16px;letter-spacing:-.6px}header .brand span{display:none}header>.btn{margin-left:auto;font-size:11px;padding:12px 10px;gap:5px;white-space:nowrap}.mobile-navigation nav{display:flex}}
@media(max-width:365px){header .brand{font-size:14px}header>.btn{font-size:10px;padding:11px 8px}}

/* Slow, reversible glass drawer motion. */
.mobile-menu-toggle{transition:transform .3s ease,box-shadow .4s ease,background .4s ease}
.mobile-menu-toggle:active{transform:scale(.94)}
.mobile-menu-toggle span{transition:transform .75s ease,opacity .5s ease}
.mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
@keyframes glassMenuIn{from{opacity:0;transform:translateX(-110px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes glassMenuOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-60px)}}
@keyframes glassBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes glassBackdropOut{from{opacity:1}to{opacity:0}}
@keyframes glassLinkIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:no-preference){
.mobile-navigation[open]{transform-origin:left center;animation:glassMenuIn 1.15s cubic-bezier(.22,.75,.2,1) both}
.mobile-navigation[open]::backdrop{animation:glassBackdropIn 1.05s ease both}
.mobile-navigation[open] nav a{animation:glassLinkIn .85s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.2s + var(--menu-order,0)*.065s)}
.mobile-navigation[open].is-closing{animation:glassMenuOut .8s cubic-bezier(.4,0,.2,1) both;pointer-events:none}
.mobile-navigation[open].is-closing::backdrop{animation:glassBackdropOut .8s ease both}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle,.mobile-menu-toggle span{transition:none}}