/* V119 — balanced cinematic artwork.
   V118 proved the anchored mask removes the seam, but its extra blur bridge
   hid too much of the image.  Keep the precise mask and restore detail/color. */

.home-showcase-feather,
.release-cinematic-feather,
.home-showcase-slide.is-poster-fallback .home-showcase-feather,
.release-cinematic-hero.is-poster-fallback .release-cinematic-feather {
  display: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.home-showcase-slide.is-poster-fallback .home-showcase-backdrop {
  opacity: .61 !important;
  filter: blur(6px) saturate(.99) contrast(1.055) !important;
  transform: scale(1.07) !important;
}

.home-showcase-slide.is-poster-fallback.is-active .home-showcase-backdrop {
  transform: scale(1.07) !important;
}

.release-cinematic-hero.is-poster-fallback .release-cinematic-backdrop {
  opacity: .59 !important;
  filter: blur(6px) saturate(.98) contrast(1.055) !important;
  transform: scale(1.07) !important;
}

.home-showcase-slide.is-poster-fallback .home-showcase-artwork {
  opacity: .9 !important;
  filter: blur(.28px) saturate(1.07) contrast(1.055) !important;
  -webkit-mask-size: 58% 100%;
  mask-size: 58% 100%;
  -webkit-mask-position: right center;
  mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0, 0, 0, .035) 14%,
    rgba(0, 0, 0, .13) 25%,
    rgba(0, 0, 0, .34) 38%,
    rgba(0, 0, 0, .63) 52%,
    rgba(0, 0, 0, .86) 67%,
    #000 82%,
    #000 100%);
  mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0, 0, 0, .035) 14%,
    rgba(0, 0, 0, .13) 25%,
    rgba(0, 0, 0, .34) 38%,
    rgba(0, 0, 0, .63) 52%,
    rgba(0, 0, 0, .86) 67%,
    #000 82%,
    #000 100%);
}

.release-cinematic-hero.is-poster-fallback .release-cinematic-artwork {
  opacity: .78 !important;
  filter: blur(.28px) saturate(1.065) contrast(1.05) !important;
  -webkit-mask-size: 72% 100%;
  mask-size: 72% 100%;
  -webkit-mask-position: right center;
  mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0, 0, 0, .035) 14%,
    rgba(0, 0, 0, .13) 25%,
    rgba(0, 0, 0, .34) 38%,
    rgba(0, 0, 0, .63) 52%,
    rgba(0, 0, 0, .86) 67%,
    #000 82%,
    #000 100%);
  mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0, 0, 0, .035) 14%,
    rgba(0, 0, 0, .13) 25%,
    rgba(0, 0, 0, .34) 38%,
    rgba(0, 0, 0, .63) 52%,
    rgba(0, 0, 0, .86) 67%,
    #000 82%,
    #000 100%);
}

.home-showcase-slide.is-poster-fallback::before {
  background:
    linear-gradient(90deg,
      rgba(3, 8, 16, .99) 0%,
      rgba(3, 9, 18, .95) 31%,
      rgba(3, 9, 18, .73) 49%,
      rgba(3, 9, 18, .42) 66%,
      rgba(3, 8, 16, .15) 100%),
    linear-gradient(0deg, rgba(3, 8, 16, .88) 0%, transparent 60%) !important;
}

.release-page .release-cinematic-hero.is-poster-fallback::before {
  background:
    linear-gradient(90deg,
      rgba(3, 9, 17, .98) 0%,
      rgba(5, 12, 22, .9) 35%,
      rgba(5, 12, 22, .64) 52%,
      rgba(5, 12, 22, .35) 70%,
      rgba(3, 9, 17, .16) 100%),
    linear-gradient(0deg, rgba(3, 9, 17, .91) 0%, transparent 66%) !important;
}

@media (max-width: 680px) {
  .home-showcase-slide.is-poster-fallback .home-showcase-backdrop,
  .release-cinematic-hero.is-poster-fallback .release-cinematic-backdrop {
    filter: blur(4.5px) saturate(.99) contrast(1.045) !important;
    transform: scale(1.055) !important;
  }

  .home-showcase-slide.is-poster-fallback.is-active .home-showcase-backdrop {
    transform: scale(1.055) !important;
  }

  .home-showcase-slide.is-poster-fallback .home-showcase-artwork,
  .release-cinematic-hero.is-poster-fallback .release-cinematic-artwork {
    opacity: .76 !important;
    filter: blur(.2px) saturate(1.055) contrast(1.045) !important;
    -webkit-mask-size: 96% 100%;
    mask-size: 96% 100%;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, .06) 14%,
      rgba(0, 0, 0, .24) 28%,
      rgba(0, 0, 0, .58) 44%,
      rgba(0, 0, 0, .86) 61%,
      #000 77%,
      #000 100%);
    mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, .06) 14%,
      rgba(0, 0, 0, .24) 28%,
      rgba(0, 0, 0, .58) 44%,
      rgba(0, 0, 0, .86) 61%,
      #000 77%,
      #000 100%);
  }
}