/**
 * SEO landing content images — desktop column-height bridge.
 *
 * Authored bridge for the compiled seo-content block. The compiled stylesheet
 * centers the two-column grid (align-items: center), so a content image shorter
 * than the adjacent text column is vertically centered and leaves whitespace
 * above and below it. This file is printed after the deferred compiled section
 * CSS and makes both columns share the text row height from the two-column
 * breakpoint up, with the image cropping to fill the stretched media box.
 *
 * Mobile keeps natural image height on purpose: every rule lives inside the
 * >=640px gate, the breakpoint where .grid-2 becomes two columns.
 *
 * Loaded only for pages/landing-page.php. Specificity does the work — the
 * .seo-content__grid.grid-2 scope outranks the compiled single-class rules — so
 * no !important is needed anywhere.
 */

@media (min-width: 640px) {
     .seo-content__grid.grid-2 {
          align-items: stretch;
     }

     .seo-content__grid.grid-2 .seo-content__media {
          align-self: stretch;
          align-items: stretch;
          height: 100%;
     }

     .seo-content__grid.grid-2 .seo-content__media .seo-content__image {
          height: 100%;
          object-fit: cover;
          border-radius: 0.75rem;
     }
}