/* Floor plan presentation.
 *
 * The Webflow gallery is built for photographs: every .gallery_image is forced
 * to a 1:1 crop, and the rows are three columns wide. That suits the six
 * elevation shots in .gallery_grid, but the floor plans are a different kind
 * of image — portrait sheets, roughly 6:7, carrying dimensions and a strip of
 * room labels along the foot. Cropped square they lose the labels, and at a
 * third of the row they are too small to read.
 *
 * Everything here is scoped so the photo grids keep their square crop:
 * .gallery_image-wrapper and .gallery5_grid-list only ever hold plans.
 *
 * Loaded after moon-glade.webflow.css so these rules win.
 */

/* Show the whole sheet at its own ratio rather than a square crop of it. */
.gallery_image-wrapper .gallery_image {
  aspect-ratio: auto;
  object-fit: contain;
  height: auto;
}

/* The export's row is three columns holding two plans, which left each plan at
   a third of the width with a dead column beside it. Two columns fills the row
   and nearly doubles the drawing. */
.gallery5_grid-list .gallery_row {
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 767px) {
  /* Below 768px the export puts the rows themselves into two columns, so a row
     holding one plan got half the screen — about 160px, unreadable for a
     dimensioned drawing. One plan per row, full width. */
  .gallery5_grid-list {
    grid-template-columns: 1fr;
  }

  .gallery5_grid-list .gallery_row {
    grid-template-columns: 1fr;
  }
}