.menu-toggle{display:none;width:44px;height:44px;border:1px solid #4b463c;background:#111;color:var(--text);padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:22px;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(3){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(4){transform:translateY(-7px) rotate(-45deg)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.menu .home-link{display:none}
@media(max-width:640px){
  .nav{height:72px;position:relative}
  .brand{height:64px}
  .brand img{width:90px;height:54px}
  .menu-toggle{display:flex}
  .menu{display:none;position:absolute;top:72px;left:0;right:0;z-index:20;padding:12px;background:#0d0d0d;border:1px solid #332f28;box-shadow:0 18px 40px rgba(0,0,0,.55);flex-direction:column;align-items:stretch;gap:2px;font-size:1rem}
  .menu.is-open{display:flex}
  .menu a,.menu a.secondary,.menu a.optional,.menu a.home-link{display:flex;width:100%;min-height:48px;align-items:center;padding:0 15px;border-bottom:1px solid #24211c}
  .menu a:last-child{border-bottom:0}
  .menu .btn{margin-top:8px;min-height:48px;padding:0 15px}
}