/* Keep character images within the established image panels. */
div:has(> .character-portrait) { background:#fff!important; }
.character-portrait { object-fit:contain!important; object-position:center bottom; }
.page-hero div:has(> .character-portrait) { aspect-ratio:4 / 3!important; }
.noura-portrait { padding:16px 22px 0; }
.amin-portrait { padding:0; }
.page-hero .amin-portrait { object-fit:cover!important; }
@media(max-width:767px) { .page-hero div:has(> .character-portrait) { max-height:360px; } }