/* Keep the hero full bleed while gathering the content below it into a centered column. */
#top > section:not(.hero),
footer {
  width: min(1360px, calc(100% - 8vw));
  margin-inline: auto;
}

.nominee-card .visual-arrow {
  display: none;
}

.hero-art {
  transform-origin: 68% 82%;
  animation: heroFloat 18s ease-in-out infinite;
}

@keyframes heroFloat {
  0%, 100% {
    transform: scale(1.02) translate3d(0, 0, 0) rotate(-.22deg);
    background-position: 53% 49%;
  }
  50% {
    transform: scale(1.03) translate3d(0, -5px, 0) rotate(.22deg);
    background-position: 55% 51%;
  }
}

@media (max-width: 620px) {
  #top > section:not(.hero),
  footer {
    width: calc(100% - 24px);
  }

}

@media (prefers-reduced-motion: reduce) {
  .hero-art {
    animation: none;
    transform: none;
  }

}