@media (max-width: 780px) {
  .site-header nav.is-open {
    display: flex;
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    z-index: 3;
    flex-direction: column;
    gap: 16px;
    padding: 18px 20px 22px;
    background: var(--cream);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 8px 12px rgba(32, 32, 24, .08);
  }
}