.header-brand-group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
}

.header-brand-image {
  position: relative;
  display: block;
  width: clamp(190px, 15vw, 230px);
  aspect-ratio: 1255 / 497;
  overflow: hidden;
  flex: 0 0 auto;
  text-decoration: none;
  animation: brandHeaderGlow 3.4s ease-in-out infinite;
}

.header-brand-image img {
  position: absolute;
  top: -51%;
  left: -13.1%;
  display: block;
  width: 122.4%;
  max-width: none;
  height: auto;
}

@keyframes brandHeaderGlow {
  0%,
  100% {
    filter: drop-shadow(0 0 0 rgba(212, 175, 55, 0));
  }

  50% {
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.35));
  }
}

@media (max-width: 1180px) {
  .header-brand-group {
    gap: 10px;
  }

  .header-brand-image {
    width: 175px;
  }
}

@media (max-width: 900px) {
  .header-brand-image {
    display: none;
  }
}