/* Desktop-only homepage hero art direction. */
@media (min-width: 801px) {
  .hero:after {
    background-image:
      linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .97) 32%, rgba(0, 0, 0, .22) 59%, rgba(0, 0, 0, .62) 100%),
      radial-gradient(ellipse 56% 88% at 68% 47%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, .3) 67%, rgba(0, 0, 0, .92) 100%),
      url("../images/west-palm-beach-boxing.png");
    background-position: center, center, 69% bottom;
    background-size: cover, cover, auto calc(100% - 76px);
  }
}