@media (min-width: 801px) {
  .site-header {
    padding-inline: clamp(24px, 3vw, 58px);
    gap: 0;
  }

  .site-header .brand {
    flex: 0 0 132px;
    min-width: 132px;
  }

  .site-header .brand img {
    width: 132px;
    height: auto;
    object-fit: contain;
  }

  .site-header nav {
    flex: 1 1 auto;
    justify-content: center;
    gap: clamp(6px, 1vw, 19px);
    min-width: 0;
  }

  .site-header nav > a {
    min-width: 0;
    padding: 10px clamp(4px, .4vw, 8px);
    white-space: nowrap;
  }

  .site-header .calendar-entry {
    flex: 0 0 38px;
    margin-left: 10px;
  }

  .site-header .account-entry,
  .site-header .language-picker {
    flex: 0 0 auto;
    margin-left: 10px;
  }
}

@media (min-width: 801px) and (max-width: 1180px) {
  .site-header nav { font-size: 12px; gap: 4px; }
  .site-header nav > a { padding-inline: 4px; }
  .site-header .brand { flex-basis: 112px; min-width: 112px; }
  .site-header .brand img { width: 112px; }
  .site-header .account-entry span { display: none; }
}