/* Stable image framing: preserve the source ratio and crop only inside fixed media frames. */
.hero{background-repeat:no-repeat;background-size:cover;background-position:center center}
.game-card{overflow:hidden;background:#24233a}
.game-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.promo{min-height:0;aspect-ratio:2.25/1}
.promo>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.art{aspect-ratio:4/3}
.art>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.registration .art{aspect-ratio:1/1}
.registration .art>img{object-fit:contain;padding:clamp(8px,2vw,28px)}
.mobile-art img{width:100%;height:auto;object-fit:contain;display:block}
.aside-art{overflow:hidden}
.aside-art>img{width:100%;height:auto;object-fit:cover;object-position:center;display:block}
@media(max-width:560px){.hero{background-position:center center}.promo{aspect-ratio:4/3}.promo>img{object-position:center 38%}.art{aspect-ratio:4/3}.registration .art{aspect-ratio:1/1}.mobile-art{max-width:260px}}