.menu.menu--housekeeping {
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding-block: 1rem;
}

.menu.menu--housekeeping .menu-item {
  margin-block: var(--spacing);
}

@media all and (min-width: 768px) {
  .menu.menu--housekeeping {
    flex-direction: row;
    /* gap: 5rem; */
    align-items: center;
  }
  .menu.menu--housekeeping .menu-item {
    margin-block: 0;
  }

}

.menu--housekeeping a:hover,
.menu--housekeeping a:focus,
.menu--housekeeping a:active,
.menu--housekeeping a.is-active {
  text-decoration: none;
  border-bottom: 1px solid;
}