/* Matched head-and-shoulders framing, using Ruby's portrait as the reference.
   Percentages keep the same crop at every display size. */
.xrha-portrait{display:block;position:relative;overflow:hidden;aspect-ratio:28/33;flex:none}
.xrha-portrait>img{display:block;position:absolute;width:var(--portrait-width,100%);height:auto;max-width:none;max-height:none;left:var(--portrait-left,0%);top:var(--portrait-top,-1.1%);margin:0;border-radius:0;object-fit:initial;transform:none}
.xrha-portrait--sarah{--portrait-width:156%;--portrait-left:-25%;--portrait-top:-22%}
.xrha-portrait--ross{--portrait-width:128%;--portrait-left:-20.5%;--portrait-top:-29.5%}
.xrha-portrait--ruby{--portrait-width:100%;--portrait-left:0%;--portrait-top:-1.1%}
.xrha-portrait--jonathan{--portrait-width:150%;--portrait-left:-28%;--portrait-top:0%}

.xrha-author-portrait{float:left;clear:left;width:112px;margin:6px 22px 14px 0;border-radius:5px}
@media(max-width:480px){.xrha-author-portrait{width:88px;margin-right:16px}}