/* Keep portrait captions in the layout so full names cannot be clipped. */
.hero{height:auto;min-height:max(820px,100svh)}
.portrait{display:grid;align-content:end;isolation:isolate;min-height:0}
.portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portrait-caption{position:relative;inset:auto;margin:42px 30px 42px 42px;min-width:0}
.portrait-caption b{display:block;font-size:clamp(22px,2vw,28px);line-height:1.25;overflow-wrap:break-word}
.portrait-caption small{line-height:1.6}
@media(max-width:760px){
 .hero{height:auto;min-height:0}
 .portrait{height:570px;min-height:570px;flex-shrink:0}
 .portrait-caption{margin:32px 24px}
 .portrait-caption b{font-size:clamp(22px,5.5vw,28px)}
}