.brand-logo {
  background-image: url("assets/vaxiam-logo-core.svg?v=core-logo-v2");
  background-size: contain;
  background-position: center;
}

.site-header .brand-logo { width: 166px; height: 64px; }

.brand-art {
  background-image: url("assets/vaxiam-logo-mark.svg?v=full-logo-v5");
  background-size: contain;
  background-position: center;
}

.about-mark {
  border: 0;
  aspect-ratio: auto;
  min-height: 420px;
}

.about-mark .brand-art {
  width: 120%;
  height: 420px;
  aspect-ratio: auto;
  transform: translateX(-24px);
  margin: auto;
  background-size: 110% auto;
  background-position: center 12%;
}

@media (max-width: 780px) {
  .site-header .brand-logo { width: 145px; height: 56px; background-size: 108% auto; }
  .about-mark { min-height: 300px; max-width: 300px; }
  .about-mark .brand-art { width: 115%; height: 300px; transform: translateX(-12px); background-size: 105% auto; background-position: center 10%; }
}