.mobile-menu-foot{display:none}
@media(max-width:720px){
  body.menu-open{overflow:hidden;overscroll-behavior:none}
  body.menu-open .header{background:#101310;backdrop-filter:none}
  .header .menu-toggle{width:36px;height:44px;padding:0;line-height:1;font-size:30px}
  .header .menu-toggle[aria-expanded=true]{font:42px/1 Arial,sans-serif;color:#d6ef77}
  .header #main-nav{position:fixed;inset:76px 0 0;height:calc(100dvh - 76px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:clamp(26px,6vh,64px) 7% max(28px,env(safe-area-inset-bottom));gap:0;border:0;background:radial-gradient(ellipse at 100% 25%,#252b2170,transparent 65%),#101310;isolation:isolate}
  .header #main-nav:before{content:'';position:absolute;right:7%;top:35px;bottom:35px;width:1px;background:linear-gradient(#d6ef7777,#69745e22,transparent);z-index:-1}
  .header #main-nav.open{display:flex}
  .header #main-nav>a{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #69745e35;font:clamp(32px,8.8vw,58px)/1.16 Anton,Arial,sans-serif;letter-spacing:.2px;color:#d3d3cd;text-transform:uppercase;flex-shrink:0}
  .header #main-nav>a:before{content:attr(data-menu-number);font:10px/1 Arial,sans-serif;letter-spacing:1px;color:#b5bfa6;align-self:flex-start;margin-top:9px}
  .header #main-nav>a:is(:hover,:focus-visible){color:#d6ef77}
  .header #main-nav.open>a{animation:menu-arrive .38s ease-out both}
  .header #main-nav.open>a:nth-child(2){animation-delay:.04s}
  .header #main-nav.open>a:nth-child(3){animation-delay:.08s}
  .header #main-nav.open>a:nth-child(4){animation-delay:.12s}
  .mobile-menu-foot{display:block;margin-top:auto;padding-top:44px;color:#b5bfa6}
  .mobile-menu-foot>span{font:8px/1.6 Arial,sans-serif;letter-spacing:2px}
  .mobile-menu-foot p{font:17px/1.5 Arial,sans-serif;margin:16px 0 0;color:#d3d3cd}
}
@keyframes menu-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:360px){.header .brand{gap:9px}.header .brand-word{width:78px}.header .private-link{font-size:8px;margin-right:10px;white-space:nowrap}.header #main-nav>a{font-size:30px;gap:12px}}
@media(max-width:720px) and (max-height:650px){.header #main-nav{padding-top:18px}.header #main-nav>a{padding:14px 0}.mobile-menu-foot{padding-top:28px}.mobile-menu-foot p{font-size:15px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.header #main-nav.open>a{animation:none}}