/* Subaru 22B v26: page-scoped orientation framing corrections. */

/* A tall desktop viewport cannot contain the complete wide car with a cover
   crop. Let the hero follow the source ratio so neither end of the 22B is cut. */
@media (min-width: 1025px) and (orientation: portrait) {
  .feature-22b .feature-hero {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 2200 / 1467 !important;
  }

  .feature-22b .feature-hero-content {
    block-size: 100% !important;
    min-block-size: 0 !important;
  }

  .feature-22b .feature-hero-media img {
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* Both landscape story photographs use their native 3:2 composition. The
   image-led panels may scroll vertically on short screens instead of cutting
   through the wheels, bumpers, or foreground road. */
@media (orientation: landscape) {
  .feature-22b .story-full.rear,
  .feature-22b #city-reframed {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 2200 / 1467 !important;
  }

  .feature-22b .story-full.rear > img,
  .feature-22b #city-reframed > img {
    object-fit: contain !important;
    object-position: center !important;
  }
}