/* V1.4.75 — the uploaded landscape banner stays entirely visible in Home. */
#home .hero .hero-live-media-v151218208.hero-no-landscape-v1475 .hero-art-v151218208,
#home .hero .hero-live-media-v151218208.hero-no-landscape-v1475 .hero-backdrop-v151218208 {
  display: none !important;
}
#home .hero .hero-live-media-v151218208.hero-no-landscape-v1475 {
  background: radial-gradient(circle at 73% 38%, rgba(89,48,135,.36),transparent 42%),#050810 !important;
}
#home .hero .hero-reference-dots-v1512182086 {
  max-width: min(326px, calc(100vw - 132px));
  overflow-x: auto;
  scrollbar-width: none;
}
#home .hero .hero-reference-dots-v1512182086 button {
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  background: rgba(15,20,33,.72);
  border: 1px solid rgba(255,255,255,.38);
}
#home .hero .hero-reference-dots-v1512182086 button.active {
  flex-basis: 28px;
  width: 28px;
  background: linear-gradient(135deg,var(--rgb-a),var(--rgb-b),var(--rgb-c));
  border-color: #fff;
}
@media (min-width: 761px) {
  #home .hero .hero-art-v151218208,
  #home .hero .hero-art-v151218208.is-portrait-v1512182085 {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  #home .hero .hero-video-v1512182086 {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
  }
  #home .hero .hero-backdrop-v151218208 { display: block !important; }
  #home .hero .hero-shade-v151218144 {
    background: linear-gradient(90deg,rgba(2,5,11,.73),rgba(2,5,11,.20) 48%,rgba(2,5,11,.04) 100%),
                linear-gradient(0deg,rgba(2,5,11,.72),transparent 35%) !important;
  }
}
/* The bottom rail uses the same landscape banner without cropping its title. */
#home .home-wide-rail-v1512182086 .poster-wrap img {
  object-fit: contain !important;
  object-position: center !important;
  background: #07090f;
}
@media (max-width: 760px) {
  #home .hero .hero-art-v151218208,
  #home .hero .hero-video-v1512182086 {
    object-fit: contain !important;
  }
  #home .hero .hero-reference-dots-v1512182086 { max-width: calc(100vw - 132px); }
}