/* Company name between the existing header logo and navigation only. */
.header .header-main {
  gap: clamp(12px, 1.8vw, 25px);
}
.header .header-company-name {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  color: #103861;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(14px, 1.2vw, 18px);
  font-weight: 700;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 860px) {
  .header .header-main { gap: 10px; }
  .header .brand { flex: 0 1 100px; max-width: 100px; }
  .header .brand-logo-picture { max-width: 100%; }
  .header .header-company-name {
    font-size: clamp(11px, 3vw, 14px);
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
  }
  .header .mobile-toggle { margin-left: auto; }
}
@media (max-width: 360px) {
  .header .brand { max-width: 85px; flex-basis: 85px; }
  .header .header-company-name { font-size: 11px; }
}