/* Width is the only viewport input. Never size the portrait from hero or window height. */
@media(min-width:721px){
 .hero .portrait{
  --portrait-width:var(--portrait-display-width,23vw);
  position:absolute;bottom:0;top:auto;
  width:var(--portrait-width);height:auto;max-width:none;max-height:none;
  left:12px;margin:0;
  opacity:1;object-fit:contain;object-position:bottom left;
  mask-image:none;-webkit-mask-image:none;
  transform:none;
 }
}
/* The original image stays intact; the headline gets room beside her face. */
/* Preserve the established stacked phone presentation and its soft lower edge. */
@media(max-width:720px){
 .hero .portrait{height:auto;width:min(85%,clamp(230px,calc(380px - 18vw),310px));max-width:85%;margin:0 auto;bottom:0;top:auto}
}