.header-logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
  flex: none;
}

.about-logo {
  width: min(112px, 30vw);
  height: auto;
  display: block;
  margin: 0 auto 8px;
}

.home-brand img {
  animation: vpw-logo-spin-in 1.5s cubic-bezier(.22, .8, .28, 1) both;
  transform-origin: center;
  will-change: transform, opacity;
}

@keyframes vpw-logo-spin-in {
  0% {
    opacity: 0;
    transform: scale(.72) rotate(-360deg);
  }
  72% {
    opacity: 1;
    transform: scale(1.04) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-brand img {
    animation: none;
    opacity: 1;
    transform: none;
  }
}