/* Final responsive media guard: prevent content images from inheriting runaway heights. */
main img[src^="/assets/images/"] {
  display: block;
  max-width: 100%;
}

@media (max-width: 1100px) {
  main figure:has(> img[src^="/assets/images/"]) {
    min-height: 0 !important;
    max-height: none !important;
  }

  main figure > img[src^="/assets/images/"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .director-opening__media,
  .director-closing__media {
    min-height: 0 !important;
    height: auto !important;
  }

  .director-opening__media img,
  .director-closing__media img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

@media (max-width: 700px) {
  main figure > img[src^="/assets/images/"] {
    width: 100% !important;
  }
}

@media print {
  main img[src^="/assets/images/"] {
    height: auto !important;
    max-height: 6in !important;
    object-fit: contain !important;
  }
}