/*
  2.16.27 — Linden Construction Gallery Final Image Proportion & Spacing Lock

  IMPORTANT:
  - 2.16.26 remains authoritative for gallery width and horizontal alignment.
  - This layer changes ONLY the six construction-image proportions and local spacing.
  - No DOM movement, cloning, rehosting, model geometry, plans, interior, CTA, header,
    footer, or other catalog model is touched.
*/

body.slc-hc-21627-page #slc21617-rehost .slc21626-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:16px!important;
  row-gap:16px!important;
  padding:16px!important;
  align-items:start!important;
}

/* Lock every construction tile to the same clean photographic proportion. */
body.slc-hc-21627-page #slc21617-rehost .slc21626-gallery > .slc21626-item{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/*
  4:3 corrects the overly shallow 2.16.26 presentation while preserving
  the successful three-column width. object-fit keeps all six cells uniform.
*/
body.slc-hc-21627-page #slc21617-rehost .slc21626-gallery .slc21626-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4 / 3!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* Keep captions tight and consistent without changing their text. */
body.slc-hc-21627-page #slc21617-rehost .slc21626-gallery figcaption{
  margin:6px 0 0!important;
  padding:0!important;
  line-height:1.25!important;
}

@media(max-width:1180px){
  body.slc-hc-21627-page #slc21617-rehost .slc21626-gallery{
    column-gap:14px!important;
    row-gap:14px!important;
    padding:14px!important;
  }
}

@media(max-width:820px){
  body.slc-hc-21627-page #slc21617-rehost .slc21626-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

@media(max-width:520px){
  body.slc-hc-21627-page #slc21617-rehost .slc21626-gallery{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:12px!important;
  }
}