.brand-logo,
.hero-logo {
  display: block;
  background-image: url("/uploads/wks-emblem.webp?v=official-e660ec33");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.brand-logo {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 50%;
  filter: drop-shadow(0 0 12px rgba(105, 184, 255, .25));
}

.hero-logo {
  width: min(520px, 88vw);
  aspect-ratio: 1;
  margin: 0 auto;
  filter: drop-shadow(0 24px 70px rgba(61, 151, 226, .3));
}

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

  .hero-logo {
    width: min(400px, 92vw);
  }
}