/* Soft game scenery behind the original character cutouts. */
.intro-world{
 background:linear-gradient(180deg,#000 0%,#050204 34%,#12080f 75%,#160912 100%);
}
.landing-hero{isolation:auto}
.intro-world>.ambient{mix-blend-mode:screen}
.intro-world .ambient-one{
 opacity:.55;
 background:radial-gradient(ellipse,#b52d7e40,#a7288326 35%,transparent 70%);
}
.intro-world .ambient-two{
 background:radial-gradient(ellipse,#df72ae48,#92185b26 45%,transparent 70%);
}
.hero-backdrop.hero-duo{
 /* Screen blending keeps the black in the artwork from creating a dark panel. */
 mix-blend-mode:screen;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 52%,transparent 94%);
 mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 52%,transparent 94%);
 -webkit-mask-composite:source-in;
 mask-composite:intersect;
}
.hero-backdrop.hero-duo::after{display:none}
.hero-duo .hero-character{
 -webkit-mask-image:linear-gradient(180deg,#000 44%,#000d 60%,#0006 78%,transparent 98%);
 mask-image:linear-gradient(180deg,#000 44%,#000d 60%,#0006 78%,transparent 98%);
}
/* Keep the frame outline without a dark halo on the surrounding gradient. */
.preview-stage #opm-menu .dbd-frame{box-shadow:0 0 0 1px #ffffff0b}
.hero-duo .character-ace{height:68%;bottom:20%}
.hero-duo .hero-scene{
 position:absolute;bottom:7%;width:67%;height:89%;object-fit:cover;
 pointer-events:none;user-select:none;
 mask-image:radial-gradient(ellipse 50% 50% at center,#000b 12%,#0007 42%,#0002 72%,transparent 100%);
 -webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000b 12%,#0007 42%,#0002 72%,transparent 100%);
}
.hero-duo .scene-r6{left:-6%;opacity:.14;object-position:54% 50%;filter:grayscale(.85) brightness(.65)}
.hero-duo .scene-dbd{right:-7%;opacity:.17;object-position:50% 50%;filter:grayscale(.8) brightness(.95)}
@media(max-width:760px){
 .hero-duo .character-ace{height:68%;bottom:22%}
 .hero-duo .hero-scene{width:77%;height:92%;bottom:6%}
 .hero-duo .scene-r6{left:-11%;opacity:.12}
 .hero-duo .scene-dbd{right:-12%;opacity:.15}
}