.hero {
  min-height: 430px;
  padding: 58px 28px 38px;
}

.hero > .eyebrow i {
  background: var(--lime);
  box-shadow: 0 0 10px var(--lime);
}

.hero > p:not(.eyebrow) {
  margin: 22px 0;
}

.scroll-cue {
  margin-top: 36px;
}

.catalog {
  padding: 38px 28px 72px;
}

.game-art img {
  object-fit: contain;
  object-position: center;
}

.game-art::after {
  background: none;
}

.game-art:hover img {
  transform: none;
}

@media (max-width: 850px) {
  .hero {
    min-height: 390px;
    padding: 48px 20px 30px;
  }

  .scroll-cue {
    margin-top: 32px;
  }

  .catalog {
    padding: 32px 16px 62px;
  }
}

@media (max-width: 480px) {
  .hero {
    min-height: 360px;
    padding-top: 42px;
  }
}