.brand {
  gap: 14px;
}

.brand-company {
  min-width: 0;
  color: var(--navy-900);
  line-height: 1;
  text-transform: uppercase;
  display: grid;
}

.brand-company-primary {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.035em;
  white-space: nowrap;
}

.brand-company-secondary {
  color: var(--slate);
  margin-top: 6px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.105em;
  white-space: nowrap;
}

@media (width <= 1380px) and (width > 1240px) {
  .site-header-inner {
    gap: 22px;
  }

  .brand {
    gap: 10px;
  }

  .brand-logo {
    height: 56px;
  }

  .brand-company-primary {
    font-size: 15px;
  }

  .brand-company-secondary {
    font-size: 7px;
  }
}

@media (width <= 680px) {
  .site-header-inner {
    gap: 16px;
  }

  .brand {
    gap: 8px;
  }

  .brand-logo {
    height: 46px;
  }

  .brand-company-primary {
    font-size: 11px;
    letter-spacing: 0.02em;
  }

  .brand-company-secondary {
    margin-top: 4px;
    font-size: 6.4px;
    letter-spacing: 0.06em;
  }
}

@media (width <= 390px) {
  .brand-company-primary {
    font-size: 10px;
  }

  .brand-company-secondary {
    font-size: 5.8px;
  }
}