.chara{margin:4rem auto;container:character/inline-size}.chara h2{text-align:center;flex:100%;margin:0;font-size:2.5em}.chara h3{text-align:center;grid-area:name;font-size:1.75em}.chara>article{flex:2 26rem;grid-template-areas:"name""image""details";justify-content:center;padding:2rem;display:grid}.chara>article>img{place-self:center;height:max(20rem,min(60vw,32rem))}.chara.chara--flex{max-width:var(--pg-width-lrg);flex-wrap:wrap;justify-content:space-between;padding-left:1em;padding-right:1em;display:flex}.chara__details{max-width:var(--pg-width-sml);grid-area:details}.chara__details .socials{justify-content:center}character-disk{width:12rem;margin-left:auto;margin-right:auto;display:block}@container character (width>40em){.chara>article:not(.chara--column){grid-template-areas:"name name""details image"}.chara>article:not(.chara--column).chara--flip{grid-template-areas:"name name""image details"}.chara__details{align-self:center;margin-left:2em;margin-right:2em}.chara--nomgn{margin:0}}