/* Exhibition and photographic collection: protected presentation-only matting.
   Artwork and documentary images are immutable original files. No crops,
   image enhancements, perspective transformations, or re-encoding. */

/* The white/ivory mat is an independent frame layer: its padding is truly
   identical on every side of the full photograph at every viewport width. */
.page-exhibition .exhibit-frame .uo-equal-mat {
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:clamp(13px,2.5vw,26px);
  background:#f7f5f0;
  border:1px solid #c5bfb1;
}
.page-exhibition .exhibit-frame .uo-equal-mat > img {
  display:block;
  width:100% !important;
  max-width:100%;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-sizing:border-box;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* Photographs 01 and 02 use the same inset on all four sides. Their complete
   original rectangles remain visible, including natural camera perspective. */
.page-photographs .photo-card:nth-child(-n+2) .photo-open {
  display:block;
  width:100%;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  overflow:visible;
}
.page-photographs .photo-card:nth-child(-n+2) .uo-equal-mat {
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:clamp(20px,3vw,32px);
  background:#f7f5f0;
  border:1px solid #bbaa90;
}
.page-photographs .photo-card:nth-child(-n+2) .uo-equal-mat > img {
  display:block;
  width:100% !important;
  max-width:100%;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  aspect-ratio:auto !important;
}
/* Photograph 01 retains the previously approved display orientation.
   Photograph 02 is provided upright and is not rotated. */
.page-photographs .photo-card:nth-child(2) .uo-equal-mat > img,
.page-photographs .photo-card:nth-child(2) .photo-open:hover .uo-equal-mat > img,
.page-photographs #lightbox img[src$="physical-installation-angle-approved-2026-10-23.jpg"] {
  transform:none !important;
}
@media(prefers-reduced-motion:reduce) {
  .page-photographs .photo-card:nth-child(-n+2) .uo-equal-mat > img {transition:none !important;}
}