nav {
  /* Seems to only work for smaller screens? */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}

.switcher {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  /*gap: var(--space-xs);*/
  font-family: "Source Sans 3", sans-serif;
  font-size: var(--font-size-xxl);
  color: var(--color-dark);
}

nav .switcher > * {
  padding: var(--space-xs);
}

.switcher > :nth-last-child(n+ 5),
.switcher > :nth-last-child(n+ 5) ~ * {
  flex-basis: 100%;
}

.switcher > button {
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
}