@media (max-width: 800px) {
  .header { position: relative; }
  .header nav.mobile-open {
    display: flex;
    position: absolute;
    top: 67px;
    left: 0;
    right: 0;
    z-index: 25;
    flex-direction: column;
    gap: 14px;
    padding: 17px 20px 21px;
    background: var(--cream);
    border-bottom: 1px solid var(--line);
  }
}