.mobile-menu-toggle{display:none}
#mobile-menu{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0 24px max(30px,env(safe-area-inset-bottom));border:0;border-radius:0;background:rgba(22,22,22,.97);color:#fafbf7;overflow-y:auto;overscroll-behavior:contain;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
#mobile-menu::backdrop{background:#16161699}
#mobile-menu[open]{display:flex;flex-direction:column;animation:menu-enter .3s ease-out}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding-top:env(safe-area-inset-top);flex-shrink:0;border-bottom:1px solid #ffffff14}
.mobile-menu-head img{width:150px;height:auto}
#mobile-menu .mobile-menu-close,.mobile-menu-toggle{align-items:center;justify-content:center;width:46px;height:46px;padding:0;margin:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff08;color:var(--lime);cursor:pointer}
#mobile-menu .mobile-menu-close{display:flex}
#mobile-menu nav{display:flex;flex-direction:column;gap:4px;padding:28px 0}
#mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:8px 0;text-decoration:none;font-size:clamp(24px,6vw,32px);font-weight:300;border-bottom:1px solid #ffffff14}
#mobile-menu nav a:hover{color:var(--lime)}
#mobile-menu .mobile-external{font-size:11px;color:#b7b7b7;letter-spacing:.06em}
#mobile-menu nav .mobile-start{margin-top:24px;padding:16px 24px;border:0;border-radius:100px;background:var(--lime);color:#161616;font-size:18px;font-weight:600;min-height:56px}
#mobile-menu .mobile-menu-slogan{margin:auto 0 0;padding-top:24px;font-size:15px;line-height:1.7;color:#ccc}
#mobile-menu .mobile-menu-slogan span{color:var(--lime)}
html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden}
@keyframes menu-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
 .header{position:fixed;z-index:30;background:rgba(22,22,22,.88)}
 .header .header-inner{height:76px;min-height:76px;flex-direction:row;justify-content:space-between;gap:16px;padding-top:0;padding-bottom:0}
 .header .logo{width:150px}
 .top-nav,.floating-nav{display:none!important}
 .mobile-menu-toggle{display:flex}
 .hero{padding-top:160px}
 section[id]{scroll-margin-top:92px}
}
@media(prefers-reduced-motion:reduce){#mobile-menu[open]{animation:none}}