.mobile-nav-toggle{display:none}
@media(max-width:850px){
  header .nav{height:68px;position:relative;gap:12px}
  header .brand{position:relative;z-index:42}
  header .brand+nav:after{display:none!important}
  .mobile-nav-toggle{display:grid;place-items:center;width:46px;height:46px;margin-left:auto;border:1px solid rgba(229,179,0,.55);background:#0a0a0a;color:#ffcc29;font:900 0/1 Arial;cursor:pointer;position:relative;z-index:42}
  .mobile-nav-toggle span,.mobile-nav-toggle:before,.mobile-nav-toggle:after{content:"";display:block;position:absolute;width:21px;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .mobile-nav-toggle:before{transform:translateY(-7px)}
  .mobile-nav-toggle:after{transform:translateY(7px)}
  .mobile-nav-toggle[aria-expanded="true"] span{opacity:0}
  .mobile-nav-toggle[aria-expanded="true"]:before{transform:rotate(45deg)}
  .mobile-nav-toggle[aria-expanded="true"]:after{transform:rotate(-45deg)}
  header nav{display:none;position:absolute;z-index:41;left:0;right:0;top:67px;padding:10px 18px 18px;background:rgba(5,5,5,.98);border-bottom:1px solid rgba(229,179,0,.45);box-shadow:0 18px 35px rgba(0,0,0,.6)}
  header nav.mobile-open{display:grid;gap:0}
  header nav.mobile-open a{display:flex!important;align-items:center;min-height:52px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
  header nav.mobile-open a.active{border-left:3px solid #e5b300;padding-left:12px}
  body.mobile-nav-locked{overflow:hidden}
}

.row[href]{transition:background .18s ease,transform .18s ease}.row[href]:hover,.row[href]:focus-visible{background:rgba(229,179,0,.075);transform:translateX(3px);outline:1px solid rgba(229,179,0,.35);outline-offset:2px}