/* Transparent artwork blends into the header without a white rectangle. */
.main-header .logo-box .brand-logo,
.mobile-menu .nav-logo .brand-logo,
.main-footer .footer-logo .brand-logo {
  display: block;
  width: 200px;
  height: 118px;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  background: transparent;
}

.main-header .logo-box {
  flex-shrink: 0;
}

.mobile-menu .nav-logo .brand-logo {
  width: 160px;
  height: 94px;
}

/* A white logo stays readable on the dark footer and mobile menu. */
.main-footer .footer-logo .brand-logo,
.mobile-menu .nav-logo .brand-logo {
  filter: brightness(0) invert(1);
}

/* Dark lettering keeps gold buttons readable. */
.theme-btn.btn-one {
  color: #1c1c1c;
}

.theme-btn.btn-one:hover {
  color: #fff;
}