.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:10px;cursor:pointer;color:inherit}
.menu-toggle span{display:block;width:24px;height:2px;margin:5px auto;background:currentColor;transition:transform .2s,opacity .2s}
@media(max-width:900px){
  .site-header{padding-left:22px;padding-right:22px}
  .site-header nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;padding:12px 22px 22px;background:inherit;border-bottom:2px solid var(--gold);box-shadow:0 14px 28px rgba(15,48,47,.14)}
  .site-header nav.open{display:flex}
  .site-header nav a{display:block;padding:13px 6px;border-bottom:1px solid rgba(38,61,57,.12);font-size:1rem}
  .site-header nav a.active{border-bottom:2px solid currentColor}
  .menu-toggle{display:block;margin-left:auto}
  .language{margin-left:6px}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:390px){.site-header{padding-left:14px;padding-right:14px}.brand{gap:8px}.brand span{width:38px;height:38px}.brand b{font-size:.82rem}}