/* Nancy Project — Mobile M3 Taller Proofs. Owner review only. */

@media (max-width: 767.98px) {
  .nancy-project-mobile-m3 .copy-rule {
    margin-top: 18px !important;
    margin-bottom: 16px !important;
  }

  .nancy-project-mobile-m3 .approved-opening-copy {
    gap: 8px !important;
  }

  .nancy-project-mobile-m3 .approved-opening-copy p {
    max-width: 39ch !important;
    font-size: 14px !important;
    line-height: 21.5px !important;
  }

  /* The staircase border follows the real portrait bitmap rather than the
     former 1:2 contain wrapper. The image itself establishes frame height. */
  .nancy-project-mobile-m3 .staircase-outline {
    height: auto !important;
    aspect-ratio: auto !important;
  }

  .nancy-project-mobile-m3 .staircase-outline > img,


  .nancy-project-mobile-m3 .staircase-outline >picture>img{
    width: 100% !important;
    height: auto !important;
    object-fit: initial !important;
    object-position: initial !important;
  }

  /* Single landscape proofs become exactly 12% taller than M2's 16:10
     frame. Their 10:7 viewport crops the wide source evenly from both sides. */
  .nancy-project-mobile-m3 :is(
    .slide-02-image-frame,
    .v24-fireplace-figure .v24-image-frame,
    .v24-media-figure .v24-image-frame,
    .v26-kitchen-figure .v24-image-frame,
    .v24-lounge-figure .v24-image-frame
  ) {
    aspect-ratio: 10 / 7 !important;
  }

  /* Paired landscape proofs become 11.11% taller than M2's 16:9 frame. */
  .nancy-project-mobile-m3 :is(.v26-theater-figure, .v28-bedroom-figure) .v24-image-frame {
    aspect-ratio: 8 / 5 !important;
  }

  .nancy-project-mobile-m3 :is(
    .slide-02-image-frame,
    .v24-fireplace-figure .v24-image-frame,
    .v24-media-figure .v24-image-frame,
    .v26-kitchen-figure .v24-image-frame,
    .v24-lounge-figure .v24-image-frame,
    .v26-theater-figure .v24-image-frame,
    .v28-bedroom-figure .v24-image-frame
  ) > img,


  .nancy-project-mobile-m3 :is(
    .slide-02-image-frame,
    .v24-fireplace-figure .v24-image-frame,
    .v24-media-figure .v24-image-frame,
    .v26-kitchen-figure .v24-image-frame,
    .v24-lounge-figure .v24-image-frame,
    .v26-theater-figure .v24-image-frame,
    .v28-bedroom-figure .v24-image-frame
  ) >picture>img{
    object-fit: cover !important;
  }

  /* Theater sources are 5:4, unlike the other wide proofs. A modest centered
     scale creates the requested equal left/right crop inside the 8:5 frame. */
  .nancy-project-mobile-m3 .v26-theater-figure .v24-image-frame > img,


  /* Theater sources are 5:4, unlike the other wide proofs. A modest centered
     scale creates the requested equal left/right crop inside the 8:5 frame. */
  .nancy-project-mobile-m3 .v26-theater-figure .v24-image-frame >picture>img{
    object-position: 50% 50% !important;
    transform: scale(1.1) !important;
  }
}