/* v8 construction layout aligned to reference */
.construction-grid{
  display:grid !important;
  grid-template-columns:minmax(0,.78fr) minmax(0,.62fr) minmax(0,1.20fr) !important;
  gap:clamp(22px,2.2vw,42px) !important;
  align-items:start !important;
  margin-top:clamp(86px,7vw,118px) !important;
  margin-bottom:clamp(56px,5vw,88px) !important;
  width:100% !important;
}
.construction-grid > article{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-width:0 !important;
}
.construction-grid .media-frame{
  display:flex !important;
  width:100% !important;
  align-items:flex-start !important;
  justify-content:center !important;
  background:transparent !important;
  overflow:visible !important;
  aspect-ratio:auto !important;
}
.construction-grid .media-frame img.vector-plan{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  margin:0 !important;
  object-fit:contain !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
  transform:none !important;
}
.construction-grid .media-frame img.plan-elevation{
  width:102% !important;
}
.construction-grid .media-frame img.plan-top{
  width:106% !important;
  transform:translateY(clamp(-82px,-5vw,-58px)) !important;
}
.construction-grid .media-frame img.plan-section{
  width:104% !important;
}
@media(max-width:900px){
  .construction-grid{
    grid-template-columns:1fr !important;
    gap:36px !important;
    margin-top:48px !important;
  }
  .construction-grid .media-frame img.plan-top{
    width:100% !important;
    transform:none !important;
  }
  .construction-grid .media-frame img.plan-elevation,
  .construction-grid .media-frame img.plan-section{
    width:100% !important;
  }
}