/* The menu floats below the header; opening it never changes the page layout. */
#mobile-nav{position:fixed;z-index:41;margin:0;padding:12px;border:1px solid #ffffff1a;border-radius:16px;background:#141714;box-shadow:0 24px 60px #0009;overflow-y:auto;overscroll-behavior:contain}
#mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:2px}
#mobile-nav>a:not(.mobile-nav-contact){display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 16px;border-radius:9px;font-size:16px;font-weight:600;line-height:1.5;color:#e9ece2}
#mobile-nav>a:not(.mobile-nav-contact):after{content:'↗';font-size:18px;color:#8d9785}
#mobile-nav>a:not(.mobile-nav-contact):hover,#mobile-nav>a:not(.mobile-nav-contact):focus-visible{background:#ffffff06;color:var(--yellow)}
#mobile-nav>a:focus-visible{outline-offset:-3px}
#mobile-nav .mobile-nav-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:16px;border-top:1px solid #ffffff0c;border-radius:0;font-size:12px;line-height:1.6;color:#aeb7a5}
#mobile-nav .mobile-nav-contact strong{font-size:14px;font-weight:650;color:var(--yellow);white-space:nowrap}
.mobile-nav-backdrop{position:fixed;inset:0;z-index:40;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mobile-nav-backdrop[hidden]{display:none}
html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden}
.mobile-menu-open .header{z-index:42}
.menu-button span{transition:transform .2s,opacity .2s}
.mobile-menu-open .menu-button span:first-child{transform:translateY(4.25px) rotate(45deg)}
.mobile-menu-open .menu-button span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
@media(max-width:360px){#mobile-nav{padding:8px}#mobile-nav>a:not(.mobile-nav-contact){font-size:15px;min-height:52px;padding:12px}#mobile-nav .mobile-nav-contact{padding:14px 12px;flex-wrap:wrap;gap:4px 12px}}
@media(prefers-reduced-motion:reduce){.menu-button span{transition:none}}