/* Preserve complete artwork instead of cropping it into fixed-height frames. */
.region-stage{height:auto;aspect-ratio:1672 / 941;background:#0d1210}
.region-stage>img{display:block;width:100%;height:100%;object-fit:contain}
.region-stage>.slide-ghost{object-fit:contain!important}
.boss-section{min-height:650px;aspect-ratio:1672 / 941;background:#101211}
.boss-section>img{object-fit:contain;object-position:center}
.boss-section>.slide-ghost{object-fit:contain!important}
.world-visual,.image-open{height:auto;aspect-ratio:1672 / 941}
.world-visual img,.image-open img{display:block;width:100%;height:100%;object-fit:contain}
.world-visual:hover img,.image-open:hover img{transform:none}
.expanded-gallery .gallery-card{height:auto;align-self:start}
.expanded-gallery .gallery-card img{display:block;width:100%;height:auto;aspect-ratio:1672 / 941;object-fit:contain}
.expanded-gallery .gallery-card:hover img{transform:none}
.expanded-gallery .gallery-card>span{position:relative;display:block;padding:18px;background:#111713}
.armory-stage .armory-art{height:auto;object-fit:contain}
@media(max-width:900px){
 .boss-section{aspect-ratio:auto;min-height:0;display:block}
 .boss-section>img{position:relative;display:block;inset:auto;width:100%;height:auto;aspect-ratio:1672 / 941;object-fit:contain;z-index:0}
 .boss-section>.slide-ghost{position:absolute!important;top:0!important;bottom:auto!important;height:auto!important;aspect-ratio:1672 / 941;z-index:1!important}
 .boss-overlay{display:none}
 .boss-content{position:relative;padding:34px 7% 50px;z-index:2}
 .boss-content h2{font-size:44px}
 .boss-content>p{max-width:580px}
}
@media(max-width:600px){
 .region-stage{aspect-ratio:auto}
 .region-stage>img{height:auto;aspect-ratio:1672 / 941;object-fit:contain}
 .region-stage>.slide-ghost{height:auto!important;aspect-ratio:1672 / 941}
 .region-stage:after{display:none}
 .region-caption{position:relative;inset:auto;padding:22px 20px;background:#101713}
 .region-caption h3{font-size:24px}
 .region-caption p{margin-bottom:0}
 .character-card{height:auto;aspect-ratio:558 / 941}
 .portrait{background-size:300% 100%}
 .portrait-one{background-position:0% center}
 .portrait-two{background-position:50% center}
 .portrait-three{background-position:100% center}
 .world-visual>span{font-size:15px;left:18px;bottom:18px}
 .image-open>span{font-size:7px;padding:9px;bottom:12px;left:12px}
}
/* Full-bleed hero with no extra zoom; retain the statue at the right edge. */
.hero-art{inset:0;animation:none;transform:none;will-change:auto;background-size:cover;background-position:right top}