/* Keep the original artwork's proportions and the existing HTML layout. */
@media (min-width: 1001px) {
  .home-route .hero {
    position: relative;
    isolation: isolate;
    background-image: none;
    background-color: #180c35;
  }
  .home-route .hero-visual {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block;
    visibility: visible;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }
  .home-route .hero-visual img {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    width: auto;
    height: var(--desktop-art-height, 100%);
    max-width: none;
    max-height: none;
    object-fit: cover;
    mask-image: linear-gradient(to right, transparent, #000 25%),
                linear-gradient(to bottom, transparent, #000 5%, #000 96%, transparent);
    mask-composite: intersect;
  }
}