/* v1.0.2: use the overlay menu at every viewport to isolate legacy menu CSS. */
.desktop-nav{display:none!important}
.site-header>.menu-toggle{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:92px;
  min-height:44px;
  margin-left:auto;
  padding:0 18px;
  border:1px solid var(--gold);
  border-radius:0;
  background:#050505!important;
  color:#fff!important;
  font:800 .78rem/1 system-ui,sans-serif;
  letter-spacing:.14em;
  cursor:pointer
}
.site-header>.menu-toggle:hover,
.site-header>.menu-toggle[aria-expanded="true"]{background:var(--gold)!important;color:#050505!important}
.drawer{z-index:49;padding-top:110px;overflow-y:auto}
.drawer ul,.drawer .menu{display:block!important;width:min(100%,900px)!important;height:auto!important;margin:0 auto!important;padding:0!important;background:transparent!important;list-style:none!important}
.drawer li{display:block!important;float:none!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.drawer a{display:block!important;padding:16px 0!important;background:transparent!important;color:#fff!important;font-size:clamp(1.35rem,4vw,3.2rem)!important;font-weight:800!important;line-height:1.15!important}
.drawer a:hover,.drawer .current-menu-item>a{color:var(--gold)!important}
body.admin-bar .site-header{top:32px}
body.admin-bar .drawer{padding-top:142px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}body.admin-bar .drawer{padding-top:156px}}