/* Nancy Project — Mobile M2 Full-Bleed Refinement. Owner review only. */

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

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

  .nancy-project-mobile-m2 .approved-opening-copy p {
    max-width: 37ch !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  /* Text remains on the F3 gutter. Proofs break out to the exact layout
     viewport without relying on 100vw, which includes scrollbar width. */
  .nancy-project-mobile-m2 :is(.staircase-composition, .slide-02-figure, .v24-figure) {
    width: calc(100% + (2 * var(--m1-gutter, 20px))) !important;
    max-width: none !important;
    margin-right: calc(-1 * var(--m1-gutter, 20px)) !important;
    margin-left: calc(-1 * var(--m1-gutter, 20px)) !important;
  }

  .nancy-project-mobile-m2 .staircase-composition {
    margin-top: 31px !important;
  }

  .nancy-project-mobile-m2 :is(.staircase-composition, .slide-02-figure, .v24-figure) figcaption {
    padding-right: var(--m1-gutter, 20px) !important;
    padding-left: var(--m1-gutter, 20px) !important;
  }

  .nancy-project-mobile-m2 :is(.staircase-outline, .slide-02-image-frame, .v24-image-frame) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
  }

  .nancy-project-mobile-m2 :is(.staircase-outline, .slide-02-image-frame, .v24-image-frame) > img,


  .nancy-project-mobile-m2 :is(.staircase-outline, .slide-02-image-frame, .v24-image-frame) >picture>img{
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
  }

  .nancy-project-mobile-m2 :is(.v26-theater-figure, .v24-powder-figure, .v28-bedroom-figure) .v24-image-pair {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
  }

  .nancy-project-mobile-m2 .v24-powder-pair .v24-image-frame {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 13 / 20 !important;
  }

  .nancy-project-mobile-m2 :is(.cta-direction-chevron, .section-chevron) {
    display: none !important;
    content: none !important;
    animation: none !important;
  }
}