/* About page portrait (IMG_1011-2): on the single-column mobile layout,
   .hero-17__figure shrinks to a short, wide box (min-height 18rem) and
   object-fit: cover with the default center object-position crops
   symmetrically top/bottom — the photo has generous headroom above and
   a lot of jacket/shoulder below, so a centered crop eats into the hair
   first. Biasing toward the top of the frame keeps the head fully in
   shot and trims the excess body/background below instead.
   Desktop is untouched — this only applies under the same breakpoint
   the layout switches to a single column. Remove/adjust if the photo
   changes. */
@media (max-width: 767px) {
  .about-portrait {
    object-position: center 20%;
  }
}