/* Fixes for running this site as a plain static copy.

   Adobe Portfolio shipped its images as 1x1 GIF placeholders that its
   bundled JS swapped for the real file on scroll. That loader never
   upgraded the last image on a page, leaving the bottom of Selected Work
   and About me as an empty grey box, so the markup now carries the real
   src/srcset with loading="lazy" instead.

   The width/height attribute pair encodes each image's aspect ratio, which
   lets the browser reserve the right space before the file arrives. Without
   an explicit height:auto the browser would treat that height as a literal
   pixel height, so the rule below lets the ratio scale to the container. */

img.e2e-site-project-module-image,
img.cover__img,
img.js-lightbox-img {
  height: auto;
  max-width: 100%;
}

/* Bottom breathing room.

   The pages used to end with a "Powered by Adobe Portfolio" footer that
   occupied 140px (60px padding, a 20px line of text, 60px padding). Removing
   that credit also removed the only thing holding the page open at the
   bottom, so the last element - the LinkedIn button on About me, the final
   row of project covers on Selected Work - sat flush against the last pixel
   of the document. Restore the same 140px as empty space. */

.site-content > main,
main {
  padding-bottom: 140px;
}