.mobile-menu-button,.mobile-nav{display:none}
@media(max-width:720px){
  html{scroll-behavior:smooth;scroll-padding-top:78px}
  header{position:sticky;top:0;z-index:1000}
  .nav{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;gap:8px}
  .nav .brand{justify-self:center;min-width:0}
  .nav .language{justify-self:end;white-space:nowrap}
  .mobile-menu-button{display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer}
  .mobile-menu-icon{position:relative;display:block;width:21px;height:15px}
  .mobile-menu-icon span{position:absolute;left:0;width:21px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease,top .18s ease}
  .mobile-menu-icon span:nth-child(1){top:0}
  .mobile-menu-icon span:nth-child(2){top:6.5px}
  .mobile-menu-icon span:nth-child(3){top:13px}
  .mobile-menu-button.is-open .mobile-menu-icon span:nth-child(1){top:6.5px;transform:rotate(45deg)}
  .mobile-menu-button.is-open .mobile-menu-icon span:nth-child(2){opacity:0}
  .mobile-menu-button.is-open .mobile-menu-icon span:nth-child(3){top:6.5px;transform:rotate(-45deg)}
  .mobile-menu-button:focus-visible{outline:3px solid rgba(36,88,220,.28);outline-offset:2px}
  .mobile-nav{position:absolute;top:100%;left:0;right:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;box-shadow:0 16px 30px rgba(16,32,74,.14)}
  .mobile-nav[hidden]{display:none}
  .mobile-nav:not([hidden]){display:block}
  .mobile-nav-panel{display:grid;padding-top:9px;padding-bottom:13px}
  .mobile-nav a{display:flex;align-items:center;min-height:48px;padding:0 12px;border-radius:9px;color:#4c5873;font-size:15px;font-weight:750}
  .mobile-nav a:hover,.mobile-nav a:focus-visible{background:#f1f5fd;color:var(--ink);outline:0}
  .mobile-nav a[aria-current]{background:#edf3ff;color:var(--blue)}
}
@media(max-width:360px){
  .nav{grid-template-columns:42px minmax(0,1fr) auto;gap:5px}
  .nav .brand img{width:145px}
  .nav .language{padding-left:8px;padding-right:8px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mobile-menu-icon span{transition:none}
}