/* Menu 5833: Contact is een gewone keuze in het hoofdmenu (negen keuzes) en past op 1040-1440 px zonder overloop.
   Aanvulling op studio.css, dat ongewijzigd blijft. De klasse nav__mob staat niet meer op Contact. */

@media (min-width: 1040px) and (max-width: 1199px) {
  .site-header__bar { gap: .5rem; }
  .site-header .wordmark { font-size: 1rem; letter-spacing: .1em; }
  .nav--acht ul, .hm-menu--acht ul { gap: .35rem; }
  .nav--acht a, .hm-menu--acht a { font-size: .8rem; }
  .nav--acht li:has(.nav__cta), .hm-menu--acht li:has(.hm-cta) { margin-left: .1rem; }
  .nav--acht .nav__cta, .hm-menu--acht .hm-cta { padding: 0 .6rem; }
}
@media (min-width: 1200px) {
  .nav--acht ul, .hm-menu--acht ul { gap: .9rem; }
  .nav--acht a, .hm-menu--acht a { font-size: .86rem; }
  .nav--acht .nav__cta, .hm-menu--acht .hm-cta { padding: 0 .85rem; }
}

/* Kennismaken: kleine tekstlink naar de algemene contactpagina, boven de intro */
.kn-vraag { margin: 0 0 .5rem; font-size: .95rem; }
.kn-vraag a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: .2em; }
.kn-vraag a:hover { color: var(--gold); }