@media (min-width: 721px) and (max-width: 1000px) {
  .site-header .menu-button { display: flex; width: 43px; height: 43px; justify-content: center; flex-direction: column; gap: 5px; align-items: center; }
  .site-header .menu-button span:not(.sr-only) { display: block; width: 22px; height: 1px; background: currentColor; }
  .site-header .main-nav { display: none; position: absolute; top: 69px; left: 0; width: 100%; padding: 22px 20px; align-items: stretch; gap: 0; background: var(--navy); }
  .site-header .main-nav.is-open { display: flex; flex-direction: column; }
  .site-header .main-nav a { padding: 12px 3px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.16); }
  .site-header .main-nav .nav-tel { border: 0; }
  .inner-header .main-nav { background: #fff; border-top: 1px solid var(--line); }
  .inner-header .main-nav a { color: var(--navy); border-bottom-color: var(--line); }
  .inner-header .menu-button { color: var(--navy); }
}