@media (max-width: 750px) {
  .menu { position: relative; z-index: 2; }

  .site-header.menu-open nav {
    display: flex;
    position: absolute;
    top: 71px;
    left: 0;
    right: 0;
    padding: 1.5rem 7vw 2rem;
    background: var(--cream);
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }

  .site-header.menu-open nav a { font-size: .9rem; }
}