/* Read the person in the same order on every screen: headline, portrait, identity. */
.hero-profile-first .portrait{width:min(100%,280px);height:307px;max-width:none;margin:24px 0 16px;grid-area:auto;justify-self:start;align-self:auto}
.hero-profile-first .hero-identity{margin-top:0}
@media(min-width:700px){
  .hero-profile-first{align-items:center}
  .hero-profile-first .hero-heading{grid-column:1;grid-row:1}
  .hero-profile-first .portrait{width:min(100%,320px);height:360px;margin-block:28px 20px}
  .hero-profile-first .hero-copy{grid-column:2;grid-row:1;align-self:center}
  .hero-profile-first .hero-argument{margin-top:0}
}