.brand {
  gap: 11px;
  flex: 0 0 auto;
  letter-spacing: normal;
}

.brand > .brand-type {
  gap: 6px;
}

.brand .brand-name {
  color: #123d59;
  font: 750 clamp(22px, 3.2vw, 30px) / .95 Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: -.055em;
}

.brand-max {
  color: #08717b;
  font-weight: 850;
}

.brand .brand-tagline {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #3e5c66;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 1.2;
  text-transform: uppercase;
}

.brand-tagline::before {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: #d6a52e;
}

@media (max-width: 520px) {
  header nav.wrap {
    gap: 8px;
  }

  .brand {
    gap: 8px;
  }

  .brand svg {
    width: 42px;
    height: auto;
  }

  .brand .brand-tagline {
    font-size: 8px;
    letter-spacing: .08em;
  }
}