@media (max-width: 760px) {
  nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    visibility: hidden;
    transition: max-height .3s ease, padding .3s ease, border-color .3s ease;
    border-bottom-color: transparent;
  }
  nav.open {
    max-height: 360px;
    padding-top: 18px;
    padding-bottom: 22px;
    visibility: visible;
    border-bottom-color: var(--line);
  }
  nav a { flex: 0 0 auto; }
}