/* Plan A: klein origineel logo met een tweeregelig woordmerk ernaast. */
#main-nav .hh-brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; text-decoration: none; color: #2b2e33; }
#main-nav .hh-brand picture { display: block; flex-shrink: 0; }
#main-nav .hh-brand img { display: block; width: 48px; height: 46px; max-height: none; object-fit: contain; border-radius: 5px; }
#main-nav .hh-brand-name { display: grid; grid-template-columns: max-content; gap: 5px; white-space: nowrap; text-align: left; }
#main-nav .hh-brand-name > span:first-child { font-family: Inter, Arial, sans-serif; font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -.035em; }
#main-nav .hh-brand-name > span:last-child { display: flex; justify-content: space-between; font-family: Inter, Arial, sans-serif; font-size: 9px; font-weight: 600; line-height: 1; letter-spacing: .13em; text-transform: uppercase; }
#main-nav .hh-brand-name > span:last-child > span:last-child { margin-right: -.13em; }
#main-nav.nav-transparent .hh-brand { color: #fff; }
#main-nav .hh-brand:focus-visible { outline: 2px solid #f8bd19; outline-offset: 5px; border-radius: 3px; }
@media (min-width: 1024px) and (max-width: 1279px) {
  #main-nav .hh-header-links { gap: 16px; margin-right: 4px; }
  #main-nav .hh-header-links > a, #main-nav .hh-header-links > div > button { font-size: 14px; }
  #main-nav .fno-cta { padding-left: 16px; padding-right: 16px; font-size: 14px; }
}
@media (max-width: 1023px) {
  #main-nav .hh-brand { gap: 10px; }
  #main-nav .hh-brand img { width: 42px; height: 40px; }
  #main-nav .hh-brand-name > span:first-child { font-size: 19px; }
  #main-nav .hh-brand-name > span:last-child { font-size: 8px; }
  #main-nav .hh-header-actions { gap: 10px; }
}
@media (max-width: 409px) {
  #main-nav .hh-header-phone-number { display: none; }
  #main-nav .hh-header-phone { width: 40px; height: 40px; justify-content: center; }
}