/* V117: seamless featured-title artwork blend.
   The sharp edge came from the detailed poster layer beginning too far to the
   right and reaching full opacity over a short distance.  The layer now
   overlaps the copy side and dissolves through a long feathered mask. */

.home-showcase-slide.is-poster-fallback .home-showcase-artwork {
  inset: -9% -2% -9% 23%;
  opacity: .7;
  background-position: right center;
  background-size: auto 116%;
  filter: blur(.65px) saturate(1.05) contrast(1.04);
  transform: scale(1.012);
  transform-origin: right center;
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0, 0, 0, .025) 12%,
    rgba(0, 0, 0, .11) 25%,
    rgba(0, 0, 0, .31) 40%,
    rgba(0, 0, 0, .62) 57%,
    rgba(0, 0, 0, .88) 72%,
    #000 86%,
    #000 100%);
  mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0, 0, 0, .025) 12%,
    rgba(0, 0, 0, .11) 25%,
    rgba(0, 0, 0, .31) 40%,
    rgba(0, 0, 0, .62) 57%,
    rgba(0, 0, 0, .88) 72%,
    #000 86%,
    #000 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  will-change: transform, opacity;
}

.home-showcase-slide.is-poster-fallback::before {
  background:
    linear-gradient(90deg,
      rgba(3, 8, 16, .99) 0%,
      rgba(3, 9, 18, .96) 30%,
      rgba(3, 9, 18, .84) 46%,
      rgba(3, 9, 18, .61) 61%,
      rgba(3, 9, 18, .34) 77%,
      rgba(3, 8, 16, .18) 100%),
    linear-gradient(0deg, rgba(3, 8, 16, .92) 0%, transparent 60%) !important;
}

@media (max-width: 980px) and (min-width: 681px) {
  .home-showcase-slide.is-poster-fallback .home-showcase-artwork {
    inset: -8% -3% -8% 14%;
    opacity: .65;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, .08) 18%,
      rgba(0, 0, 0, .36) 38%,
      rgba(0, 0, 0, .76) 59%,
      #000 78%,
      #000 100%);
    mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, .08) 18%,
      rgba(0, 0, 0, .36) 38%,
      rgba(0, 0, 0, .76) 59%,
      #000 78%,
      #000 100%);
  }
}

@media (max-width: 680px) {
  .home-showcase-slide.is-poster-fallback .home-showcase-artwork {
    inset: -3% -5% 38% 5%;
    opacity: .58;
    background-position: right top;
    background-size: auto 104%;
    filter: blur(.45px) saturate(1.04) contrast(1.04);
    transform: scale(1.01);
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, .08) 14%,
      rgba(0, 0, 0, .34) 30%,
      rgba(0, 0, 0, .72) 48%,
      #000 68%,
      #000 100%);
    mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, .08) 14%,
      rgba(0, 0, 0, .34) 30%,
      rgba(0, 0, 0, .72) 48%,
      #000 68%,
      #000 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-showcase-slide.is-poster-fallback .home-showcase-artwork {
    will-change: auto;
  }
}