/* Display framing only. Original files, responsive variants and alt text are unchanged. */
img.pcr-photo-crop{object-view-box:inset(0 0 7% 0);aspect-ratio:var(--pcr-photo-ratio,auto);}
img.pcr-photo-educational{object-fit:cover!important;}
/* Explicit source clipping keeps one original responsive img inside each frame. */
svg.pcr-photo-fallback{display:block;width:100%;height:100%;overflow:hidden;object-position:50% 50%;object-fit:cover;}
svg.pcr-photo-educational{object-fit:cover;}
.hero-media svg.pcr-photo-fallback{position:absolute;inset:0;object-position:center bottom;transform:none!important;}
@media(max-width:640px){.hero-media svg.pcr-photo-fallback{object-position:left bottom;}}
.photo-stack>svg.pcr-photo-fallback,.roast-proof-image>svg.pcr-photo-fallback{position:absolute;inset:0;}
svg.pcr-photo-fallback.pcr-article-image{height:auto;aspect-ratio:var(--pcr-photo-ratio,auto);}
.guide-image svg.pcr-photo-fallback{transition:transform .5s ease;}
.guide-card:hover .guide-image svg.pcr-photo-fallback{transform:scale(1.035);}

/* Wide comparative photos fill their own landscape frame without losing the objects. */
.guide-hero-card-composition{grid-template-columns:minmax(0,1fr);}
.guide-hero-card-composition .guide-hero-composition{order:-1;min-height:0;aspect-ratio:1920/1187.61;background:transparent;}
.guide-hero-card-composition .guide-hero-copy{min-height:0;}
svg.pcr-article-image.pcr-photo-educational{aspect-ratio:1920/1187.61;max-height:none;height:auto;}