/* Homepage artwork. Typography and the rest of the page use styles.css. */
.hero-art--generic .hero-logo-area {
  position: relative;
  display: block;
  height: auto;
  aspect-ratio: 483 / 360;
  padding: 0;
}

.hero-art--generic .generic-brand {
  position: absolute;
  display: block;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 16px #1c31560a);
}

.generic-brand-bestbuy {
  width: 48%;
  left: 2.5%;
  top: 9%;
  transform: rotate(-8deg);
}

.generic-brand-etsy {
  width: 37%;
  right: 2%;
  top: 25%;
}

.generic-brand-dominos {
  width: 31%;
  left: 22%;
  bottom: 3%;
}