/* Both murals occupy their complete existing column. The native SVGs retain
   the raster aspect/composition and carry a matching closed, opaque arch.
   Translucency belongs to the painting inside each SVG, never the frame/text. */
.hero-pair>.hero-visual,
.garden-layout>.garden-visual{width:100%;max-width:none}
.hero-visual .hero-figure,
.hero-visual .image-credit{width:100%;max-width:none}
.hero-figure>.picture-frame{
 width:100%;height:auto;max-height:none;aspect-ratio:auto;
 margin:0;padding:0;border:0!important;border-image:none!important;
 border-radius:0;background:transparent;overflow:visible;outline:0;
}
.hero-figure>.picture-frame>img,
.garden-layout>.garden-visual>img{
 display:block;width:100%;max-width:100%;height:auto;max-height:none;
 margin:0;padding:0;border:0!important;border-image:none!important;
 border-radius:0;background:transparent;object-fit:contain;opacity:1;
}
/* The richer connected details are clipped inside the SVG arch. Remove the
   former out-of-flow overlays so they cannot drift over a caption or frame. */
.hero-figure>.picture-frame::before,
.hero-figure>.picture-frame::after,
.garden-layout>.garden-visual::before{content:none;display:none}
.hero-visual .hero-figure>.image-label,
.garden-visual>.garden-window-title,
.garden-layout>.garden-visual>p{width:100%;max-width:100%;margin-inline:0}
/* Keep the two-column stretch rules and top/bottom edges intact on desktop.
   Stacked layouts use the full established content measure, without overflow. */
@media(forced-colors:active){
 .hero-figure>.picture-frame{outline:1px solid CanvasText;outline-offset:2px}
}