/* Keep supplied artwork completely visible and separate from copy. */
.hero {
  display: block;
  min-height: 0;
  padding: 0 0 54px;
  background: linear-gradient(145deg, #101f17, #07110d);
}
.hero > img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  z-index: auto;
}
.hero::after { display: none; }
.hero-copy {
  width: min(760px, 92%);
  padding: 42px 0 0;
  margin: 0 auto;
  text-align: center;
}
.hero-copy > p:not(.eyebrow) { margin-inline: auto; }
.hero-copy .actions { justify-content: center; }
@media (max-width: 800px) {
  .hero { min-height: 0; padding-bottom: 38px; }
  .hero > img { object-position: center; }
  .hero-copy { padding: 30px 18px 0; }
}
@media (max-width: 520px) {
  .hero { min-height: 0; }
  .hero-copy { padding: 24px 14px 0; }
}