@media (max-width: 767px) {
  .site-header__inner { grid-template-columns: auto auto 1fr; gap: .7rem; }
  .menu-toggle { display: inline-flex; justify-self: end; order: 2; }
  .site-actions { justify-self: end; order: 3; }
  .primary-navigation { display: none; grid-column: 1 / -1; padding: .8rem 0 1.2rem; order: 4; }
  .primary-navigation.is-open { display: block; }
  .primary-navigation__list { align-items: stretch; flex-direction: column; gap: .25rem; }
  .primary-navigation a { display: block; padding: .7rem 0; }
  .site-footer__grid { grid-template-columns: 1fr; gap: 2rem; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .site-header__inner { gap: 1rem; }
  .primary-navigation__list { gap: .9rem; }
}