/* V4 media trial: retain the layout; make photographic/documentary crops explicit.
   Append after the V4/V4.1 styles. No logo or general image selectors. */

/* The original V4 crop keeps both readers in view at desktop and mobile widths. */
.rrom-hero-cover > img.wp-image-318 {
    object-position: 52% center;
}

/* A complete group portrait is preferable to losing the people at the sides.
   Preserve the existing card height and use the existing ivory as the mat. */
.rrom-area-card .wp-block-image img.wp-image-154 {
    object-fit: contain !important;
    object-position: center;
    background: var(--rrom-base, #F8F6EF);
}

/* Bring the speaker's head and hands into the existing photograph crop. */
.rrom-area-card .wp-block-image img.wp-image-138 {
    object-position: 50% 42%;
}

/* The archival print includes meaningful edges and people along both sides.
   Its natural ratio also avoids the tighter horizontal crop used on mobile. */
.rrom-memory-photo img.wp-image-13 {
    height: auto !important;
    aspect-ratio: 1250 / 884;
    object-fit: contain;
    object-position: center;
}

/* Only these two featured images are text-bearing posters/collages.
   Photo thumbnails keep their established cover treatment. */
.rrom-news-grid > :is(.post-7, .post-5) .wp-block-post-featured-image a {
    background: var(--rrom-base, #F8F6EF);
}
.rrom-news-grid > .post-7 .wp-block-post-featured-image a {
    background: var(--rrom-deep, #082D5D);
}
.rrom-news-grid > :is(.post-7, .post-5) .wp-block-post-featured-image img {
    object-fit: contain !important;
    object-position: center;
    border-radius: 0;
}
/* Enlarging a poster on hover would hide its outer text against the frame. */
.rrom-news-grid > :is(.post-7, .post-5) .wp-block-post-featured-image a:is(:hover, :focus-visible) img {
    transform: none !important;
}

/* These documentary photographs need only a gentle vertical focus. */
.rrom-news-grid > .post-4 .wp-block-post-featured-image img {
    object-position: 50% 55%;
}
.rrom-news-grid > .post-6 .wp-block-post-featured-image img {
    object-position: 50% 53%;
}

@media (max-width: 760px) {
    /* Mobile cards are close to their native 4:3 images. Keep the whole group,
       give both cards one stable ratio, and avoid loading-induced movement. */
    .rrom-area-card .wp-block-image img:is(.wp-image-154, .wp-image-138) {
        height: auto !important;
        aspect-ratio: 4 / 3;
    }
}