.brand-logo {
  width: 330px;
  height: 150px;
  overflow: hidden;
  flex: 0 0 auto;
}

.nav-wrap {
  height: 166px;
  padding-block: 8px;
}

.site-header nav {
  gap: 24px;
}

.brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: invert(1) brightness(1.2);
}

.footer-brand {
  width: 390px;
  height: 245px;
  margin: -58px 0 -42px;
}

@media (max-width: 900px) {
  .site-header nav {
    top: 166px;
  }
}

@media (max-width: 600px) {
  .brand-logo {
    width: 230px;
    height: 100px;
  }

  .nav-wrap {
    height: 116px;
    padding-block: 8px;
  }

  .footer-brand {
    width: 285px;
    height: 185px;
  }

  .site-header nav {
    top: 116px;
  }
}