/*
  2.16.26 — Linden Construction Gallery Final Width-Constraint Escape

  This layer does not move the gallery.
  JS supplies two CSS variables based on the actual 2.16.17 captured host:
    --slc21626-width
    --slc21626-left
*/

body.slc-hc-21626-page #slc21617-rehost .slc21626-gallery{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:20px!important;

  width:var(--slc21626-width,100%)!important;
  max-width:none!important;
  min-width:0!important;

  position:relative!important;
  left:var(--slc21626-left,0px)!important;
  right:auto!important;

  margin-left:0!important;
  margin-right:0!important;
  padding:20px!important;

  box-sizing:border-box!important;
  align-items:start!important;
  justify-items:stretch!important;

  float:none!important;
  transform:none!important;
  translate:none!important;
  zoom:1!important;
  overflow:visible!important;
}

/* Existing gallery children occupy the full 3-column grid. */
body.slc-hc-21626-page #slc21617-rehost .slc21626-gallery > .slc21626-item{
  display:block!important;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;

  margin:0!important;
  padding:0!important;

  position:relative!important;
  left:auto!important;
  right:auto!important;
  float:none!important;
  transform:none!important;

  box-sizing:border-box!important;
}

/* Six authoritative construction photographs. */
body.slc-hc-21626-page #slc21617-rehost .slc21626-gallery .slc21626-img{
  display:block!important;

  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  height:300px!important;
  max-height:300px!important;

  object-fit:cover!important;
  object-position:center!important;

  margin:0!important;
  padding:0!important;

  float:none!important;
  transform:none!important;

  visibility:visible!important;
  opacity:1!important;

  box-sizing:border-box!important;
}

/* Defeat final nested tiny-width values only inside the six-image gallery. */
body.slc-hc-21626-page #slc21617-rehost .slc21626-gallery figure,
body.slc-hc-21626-page #slc21617-rehost .slc21626-gallery div{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Leave the corrected Linden primary, plan and interior completely alone. */

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

  body.slc-hc-21626-page #slc21617-rehost .slc21626-gallery .slc21626-img{
    height:240px!important;
    max-height:240px!important;
  }
}

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

  body.slc-hc-21626-page #slc21617-rehost .slc21626-gallery .slc21626-img{
    height:auto!important;
    max-height:320px!important;
  }
}

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

  body.slc-hc-21626-page #slc21617-rehost .slc21626-gallery .slc21626-img{
    height:auto!important;
    max-height:none!important;
  }
}