/* Align .split photos with the neighboring card.
   Desktop: stretch the row so the photo's top and bottom meet the
   card's, fill the frame with object-fit, and use the same 22px
   corners as .card. Mobile: leave the natural one-column stack. */
@media (min-width: 820px){
  .split{
    align-items:stretch;
  }
  .split > img.photo{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:22px;
    align-self:stretch;
    background:#fff;
  }
}