/*
 * v315 — soften the sharp lower edge of the homepage hero banner.
 * The overlay is visual only and does not block the movie button or links.
 */
html body .hero{
  position:relative !important;
  overflow:hidden !important;
}

html body .hero > .irf-home-hero-bottom-fade-v315{
  position:absolute !important;
  z-index:40 !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:clamp(58px,7.2vw,96px) !important;
  display:block !important;
  pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(13,13,13,0) 0%,
    rgba(13,13,13,.08) 24%,
    rgba(13,13,13,.30) 53%,
    rgba(13,13,13,.70) 79%,
    rgba(13,13,13,.98) 100%
  ) !important;
}

/* Keep the restored movie button above the fade layer. */
html body .hero .irf-hero-movie-action-v309{
  z-index:2147481000 !important;
}

@media (max-width:820px){
  html body .hero > .irf-home-hero-bottom-fade-v315{
    height:58px !important;
    background:linear-gradient(
      to bottom,
      rgba(13,13,13,0) 0%,
      rgba(13,13,13,.12) 32%,
      rgba(13,13,13,.60) 75%,
      rgba(13,13,13,.96) 100%
    ) !important;
  }
}