.brand-logo {
  display: inline-flex;
  align-items: center;
  width: min(11.75rem, 38vw);
  height: 3rem;
  flex: 0 0 auto;
}

.brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.header .brand-logo img {
  filter: none;
}

footer .brand-logo {
  width: 10.5rem;
}

footer .brand-logo img {
  filter: brightness(0) invert(1);
  opacity: .95;
}

@media (max-width: 520px) {
  .brand-logo {
    width: 9.75rem;
    height: 2.5rem;
  }
}

.social-links {
  display: flex;
  gap: .65rem;
  align-items: center;
}

.social-links a {
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 50%;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.social-links a:hover {
  background: #c5a15b;
  border-color: #c5a15b;
  color: #0b1926;
  transform: translateY(-2px);
}

.social-links svg { width: 1rem; height: 1rem; }