/* Match each photo's actual ratio: no bars, stretching or product clipping. */
#collection .collection-card .collection-photo {
 aspect-ratio:var(--photo-ratio,4/5);height:auto;padding:0;min-height:0;
}
#collection .collection-card .collection-photo img {
 display:block;width:100%;height:100%;object-fit:contain;padding:0;margin:0;transform:none;
}
.project-interlude .work-reel #martins img {padding:0;margin:0;width:100%;height:auto;max-height:none;transform:none;}
/* Nested photo links must also fill their native-proportion frame. */
.native-photo-frame > a {display:block;width:100%;height:100%;padding:0;margin:0;}
/* User-requested tighter Gordon Xmas thumbnail; the modal keeps the full image. */
#collection .collection-card[data-project="project-32"] .collection-photo {aspect-ratio:4/5;}
#collection .collection-card[data-project="project-32"] .collection-photo img {object-fit:cover;object-position:50% 50%;}
#collection .collection-card {scroll-margin-top:6rem;}
/* Opening before/after photos follow their native ratio, not a padded fixed height. */
#solutions .solution-project-pair {height:auto;padding:0;gap:.6rem;align-items:start;}
#solutions .solution-project-pair img {display:block;flex:none;width:100%;height:auto;aspect-ratio:4/3;padding:0;object-fit:contain;}
#solutions .solution-visual > img {display:block;width:100%;height:auto;padding:0;object-fit:contain;}
/* No cropping of either acrylic example in the paired frame. */
#portfolio-materials .beefeater-pair {height:auto;align-items:start;margin:0;}
#portfolio-materials .beefeater-pair > a {display:block;height:auto;}
#portfolio-materials .beefeater-pair img {display:block;width:100%;height:auto;object-fit:contain;object-position:center;}
