.brand-logo {
  width: 46px;
  height: 46px;
  object-fit: contain;
  border-radius: 8px;
  filter: drop-shadow(0 0 8px rgba(231, 177, 55, .22));
  transition: width .3s, height .3s;
}

.nav-shell.scrolled .brand-logo {
  width: 40px;
  height: 40px;
}

.footer-logo {
  width: 54px;
  height: 54px;
}

@media (max-width: 620px) {
  .brand-logo {
    width: 42px;
    height: 42px;
  }
}