/* Made Tech Housing v20: pixel-faithful CEO-approved product and storyboard illustrations. */
/* Preserve the responsive site and the v19 architectural text transition. */
body:has(.product-hero) .product-hero {
  background: #fafefc;
  gap: clamp(18px,3vw,48px);
  align-items: center;
}
body:has(.product-hero) .product-hd-figure {
  background: #fafefc;
  min-width: 0;
  overflow: visible;
  padding: 0;
  margin: 0;
}
body:has(.product-hero) .product-hd-figure img {
  width: 100%;
  max-width: 740px;
  max-height: min(76vh,740px);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
  margin: auto;
  background: #fafefc;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
/* Home walkthrough: use the approved 16:9 diagrams in a 16:9 panel without cropping their edge labels. */
.seq-visual {background: #fafefc;}
.seq-image-layer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fafefc;
}
@media (min-width:981px) {
  .seq-visual {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
    top: max(100px, calc(50vh - 230px));
  }
  .seq-live-panel {bottom: 20px; left: 20px; right: 20px; padding: 13px 16px; gap: 5px;}
  .seq-vis-top {top: 14px; left: 20px; right: 20px;}
  .seq-vis-footer {display: none;}
}
@media (max-width:980px) {
  body:has(.product-hero) .product-hd-figure img {width:100% !important;max-height:none;}
  .seq-visual {aspect-ratio:16/9; min-height:310px;}
}
@media (max-width:600px) {
  body:has(.product-hero) .product-hero {padding-bottom:35px;}
  .seq-visual {aspect-ratio:auto; min-height:0; height:clamp(290px,68vw,470px);}
  .seq-image-layer img {object-fit:contain;}
  .seq-live-panel {bottom:8px;left:8px;right:8px;padding:10px 12px;gap:3px;}
  .seq-vis-top {top:10px;left:12px;right:12px;}
  .seq-vis-footer {display:none;}
}
@media (prefers-reduced-motion: reduce) {
  .seq-image-layer {transition: none !important;transform: none !important;}
}