/* New headshots.

   The new photos are square cut-outs; every thumbnail box on the site is portrait and crops
   what it is given with a fixed height and object-fit: cover. Letting the image keep its own
   square shape is what stops the crop: the box takes the picture's shape rather than the other
   way round. The photo is then the full width of the box with nothing taken off the sides and
   no white band above and below, so the name beside it lines up with the top of the head.

   The images are marked by GetHeadshotUrl (Helpers/HeadshotExtensions.cs), which appends
   hs=new; the data-src form is here because most of these thumbnails are lazy-loaded and carry
   the real URL there until they load.

   The height gives way rather than the width. Several of these boxes are shrink-to-fit table
   cells: releasing the width there makes the image size the cell that is sizing the image, and
   it collapses to nothing. Releasing the height instead is safe everywhere. */
img[src*="hs=new"],
img[data-src*="hs=new"] {
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain !important;
}