body.menu-open { overflow: hidden; }

@media (max-width: 860px) {
  .az-header { min-height: 88px; grid-template-columns: 1fr auto; }
  .az-brand { justify-self: start; }
  .az-header-cta { display: none; }
  .az-menu-toggle { display: block; }
  .az-menu-toggle:focus-visible,
  .az-nav a:focus-visible,
  .az-header-cta:focus-visible { outline: 2px solid var(--az-accent); outline-offset: 4px; }
  .az-nav {
    position: fixed;
    inset: 88px 0 0;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 44px var(--az-pad);
    background: #0a0a0a;
    opacity: 0;
    transform: translateY(-16px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
  }
  .az-header.is-open .az-nav { visibility: visible; opacity: 1; transform: none; }
  .az-header.is-open { position: fixed; inset: 0 0 auto; width: 100%; background: #0a0a0a; }
  .az-nav a { font: 500 clamp(40px, 12vw, 64px)/1 Oswald, Arial, sans-serif; color: #fff; text-transform: uppercase; }
  .az-section-heading { grid-template-columns: 1fr; gap: 24px; }
  .az-section-heading > p { margin: 0; }
  .az-footer { grid-template-columns: 1fr; }
  .az-footer-bottom { flex-direction: column; }
}

@media (max-width: 520px) {
  .az-actions { align-items: stretch; flex-direction: column; }
  .az-button { width: 100%; }
}