/* Local scene revision: the accepted hero, catalogue and shared frame stay intact. */
.bl-folding-preview .folding-selection-platform {
  aspect-ratio:auto; min-height:72cqw; padding:0; background:#e6e3df;
}
.bl-folding-preview .folding-selection-background {
  inset:0 0 auto; width:100%; height:auto!important; object-fit:contain;
  mask-image:linear-gradient(#000 93%,transparent 100%);
}
.bl-folding-preview .folding-selection-heading { top:4cqw; left:6.3%; }
.bl-folding-preview .folding-selection-families {
  inset:46.5cqw 4% auto; gap:4%; margin:0;
}
.bl-folding-preview .folding-selection-art { display:none; }
.bl-folding-preview .folding-selection-copy { margin:0; padding:0 1cqw; }
.bl-folding-preview .folding-selection-copy > p { margin-top:.6cqw; }
.bl-folding-preview .folding-selection-copy .hsb-notes { margin:.65cqw 0 .9cqw; }
.bl-folding-preview .folding-selection-help { top:63cqw; min-height:6.5cqw; }

.bl-folding-preview .folding-in-use-platform {
  position:relative; isolation:isolate; padding:0; min-height:70cqw;
  background:#e6e3df;
}
.bl-folding-preview .folding-in-use-platform::before {
  content:''; position:absolute; z-index:-1; top:0; left:0; width:100%; aspect-ratio:1568 / 1003;
  background:url('./assets/construction-integrated.webp') left top/100% auto no-repeat;
  mask-image:linear-gradient(#000 93%,transparent); pointer-events:none;
}
.bl-folding-preview .folding-in-use-heading {
  position:absolute; top:3.9cqw; left:6.3%; padding:0; margin:0;
}
.bl-folding-preview .folding-in-use-layout {
  grid-template-columns:60% 34%; gap:3%; height:auto; min-height:70cqw; padding-top:16cqw;
}
.bl-folding-preview .folding-in-use-scene {
  min-height:52cqw; overflow:visible; border-radius:0; background:none;
}
.bl-folding-preview .folding-in-use-scene > img { display:none; }
.bl-folding-preview .folding-in-use-scene-caption { left:6.3cqw; bottom:3.6cqw; }
.bl-folding-preview .folding-in-use-scene-caption > p { padding:0; background:none; }
.bl-folding-preview .folding-in-use-details { padding:0 1.8cqw 3cqw 0; }
.bl-folding-preview .folding-in-use-detail-list { grid-template-rows:repeat(3,minmax(12.8cqw,auto)); }
.bl-folding-preview .folding-in-use-detail { grid-template-columns:1.1fr 1fr; }
.bl-folding-preview .folding-in-use-detail-image { padding:.5cqw 0 .5cqw .5cqw; }

/* Preserve every pixel at both horizontal edges; the source is 1672 x 941. */
.bl-folding-preview .folding-process-platform { background:#ebece8; }
.bl-folding-preview .folding-process-platform::before {
  display:block; aspect-ratio:1672 / 941; background-size:100% auto;
  background-position:center top; mask-image:linear-gradient(#000 86%,transparent 100%);
}
.bl-folding-preview .folding-process-composition { height:39cqw; }

.bl-folding-preview .folding-calculation-platform {
  position:relative; isolation:isolate; padding:0; background:#e6e3df;
}
.bl-folding-preview .folding-calculation-platform::before {
  content:''; position:absolute; z-index:-1; top:0; left:0; width:100%; aspect-ratio:1568 / 1003;
  background:url('./assets/calculation-integrated.webp') center top/100% auto no-repeat;
  mask-image:linear-gradient(#000 93%,transparent 100%); pointer-events:none;
}
.bl-folding-preview .folding-calculation-layout {
  grid-template-columns:48% 47%; gap:5%; padding:4.5cqw 4.8cqw 4cqw 6.3cqw; min-height:76cqw;
}
.bl-folding-preview .folding-calculation-copy { padding:0; }
.bl-folding-preview .folding-calculation-copy h2 { font-size:3.9cqw; }
.bl-folding-preview .folding-calculation-art {
  position:absolute; top:20.4cqw; left:6.7cqw; width:42cqw; height:33.1cqw;
  max-width:none; padding:0; margin:0;
}
.bl-folding-preview .folding-calculation-art > img { display:none; }
.bl-folding-preview .folding-calculation-art .hsb-dimension-width {
  left:0; right:0; bottom:-2.6cqw; padding-top:10px;
}
.bl-folding-preview .folding-calculation-art .hsb-dimension-height {
  top:0; bottom:0; right:-2.2cqw; padding-right:10px;
}
.bl-folding-preview .folding-calculation-visual-caption {
  position:absolute; top:58cqw; left:6.7cqw; width:43cqw; max-width:none; margin:0; color:#47564e;
}
.bl-folding-preview .folding-calculation .hsb-cost-factors {
  position:absolute; top:63cqw; left:6.7cqw; width:44cqw;
}

@media(min-width:768px) and (max-width:1100px) {
  .bl-folding-preview .folding-selection-platform { min-height:84cqw; padding:0; }
  .bl-folding-preview .folding-selection-heading { position:absolute; }
  .bl-folding-preview .folding-selection-families { position:absolute; display:grid; gap:4%; }
  .bl-folding-preview .folding-selection-help { position:absolute; top:69cqw; margin:0; padding:20px; }
  .bl-folding-preview .folding-selection-copy { padding:0; }
  .bl-folding-preview .folding-selection-copy > p { margin-top:8px; }
  .bl-folding-preview .folding-selection-copy .hsb-notes { margin:8px 0 12px; }
}
@media(max-width:1100px) {
  .bl-folding-preview .folding-in-use-platform { padding:32px 24px; min-height:0; background:#e6e3df; }
  .bl-folding-preview .folding-in-use-platform::before { display:none; }
  .bl-folding-preview .folding-in-use-heading { position:static; padding:0; margin-bottom:24px; }
  .bl-folding-preview .folding-in-use-layout { display:block; height:auto; min-height:0; padding:0; }
  .bl-folding-preview .folding-in-use-scene {
    width:calc(100% + 48px); margin:0 -24px; height:auto; min-height:0; aspect-ratio:1.05; background:none;
  }
  .bl-folding-preview .folding-in-use-scene::before {
    content:''; position:absolute; inset:0; z-index:-1;
    background:url('./assets/construction-integrated.webp') left -9cqw/165% auto no-repeat;
    mask-image:linear-gradient(#000 90%,transparent);
  }
  .bl-folding-preview .folding-in-use-scene-caption { left:24px; right:24px; bottom:22px; }
  .bl-folding-preview .folding-in-use-details { padding:28px 0 0; }
  .bl-folding-preview .folding-in-use-detail-list { grid-template-rows:none; }
  .bl-folding-preview .folding-in-use-detail { grid-template-columns:1.15fr 1fr; min-height:200px; }
  .bl-folding-preview .folding-in-use-detail-image { height:200px; padding:12px; background:none; }
  .bl-folding-preview .folding-in-use-detail p { max-width:none; }

  .bl-folding-preview .folding-process-platform { padding:32px 24px 24px; background:#ebece8; }
  .bl-folding-preview .folding-process-platform::before { display:none; }
  .bl-folding-preview .folding-process-composition { height:auto; }
  .bl-folding-preview .folding-process-composition::after {
    content:''; display:block; width:calc(100% + 48px); margin:0 -24px;
    aspect-ratio:1672 / 941; background:url('./assets/process-scene-r3.webp') center/100% auto no-repeat;
    mask-image:linear-gradient(#000 88%,transparent);
  }
  .bl-folding-preview .folding-process-heading { margin:0; }
  .bl-folding-preview .folding-process-steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:0; }
  .bl-folding-preview .folding-process-steps li { display:block; padding:16px 0 0; border-top:1px solid #228b58; }
  .bl-folding-preview .folding-process-steps li::before { display:none; }

  .bl-folding-preview .folding-calculation-platform { padding:32px 24px; }
  .bl-folding-preview .folding-calculation-platform::before { display:none; }
  .bl-folding-preview .folding-calculation-layout { display:block; padding:0; min-height:0; }
  .bl-folding-preview .folding-calculation-copy h2 { font-size:clamp(34px,5.2vw,56px); }
  .bl-folding-preview .folding-calculation-art {
    position:relative; top:auto; left:auto; width:calc(100% + 48px); height:auto; aspect-ratio:1; margin:0 -24px;
    background:none;
  }
  .bl-folding-preview .folding-calculation-art::before {
    content:''; position:absolute; inset:0; z-index:-1;
    background:url('./assets/calculation-integrated.webp') left -25cqw/185% auto no-repeat;
    mask-image:linear-gradient(#000 89%,transparent 100%);
  }
  .bl-folding-preview .folding-calculation-art .hsb-dimension-width {
    left:12.5%; right:9.6%; top:calc(99.4% - 25cqw); bottom:auto; padding-top:12px;
  }
  .bl-folding-preview .folding-calculation-art .hsb-dimension-height {
    top:calc(37.5% - 25cqw); bottom:calc(.6% + 25cqw); right:6%; padding-right:10px;
  }
  .bl-folding-preview .folding-calculation-visual-caption { position:static; width:auto; margin:0 0 24px; font-size:14px; }
  .bl-folding-preview .folding-calculation .hsb-cost-factors { position:static; width:auto; margin-bottom:32px; }
}
@media(max-width:767px) {
  .bl-folding-preview .folding-selection-platform { min-height:0; padding:30px 22px 24px; background:#e6e3df; }
  .bl-folding-preview .folding-selection-background { display:none; }
  .bl-folding-preview .folding-selection-heading { position:static; }
  .bl-folding-preview .folding-selection-families { position:static; margin-top:24px; }
  .bl-folding-preview .folding-selection-family + .folding-selection-family { margin-top:32px; }
  .bl-folding-preview .folding-selection-art {
    display:block; width:calc(100% + 44px); height:auto; aspect-ratio:1.05; margin:0 -22px;
    border-radius:0; background:url('./assets/selection-integrated.webp') 1.5% 50%/300% auto no-repeat;
  }
  .bl-folding-preview .folding-selection-family:nth-child(2) .folding-selection-art { background-position:50% 50%; }
  .bl-folding-preview .folding-selection-family:nth-child(3) .folding-selection-art { background-position:98.5% 50%; }
  .bl-folding-preview .folding-selection-art img { display:none; }
  .bl-folding-preview .folding-selection-copy { margin-top:18px; padding:0; }
  .bl-folding-preview .folding-selection-copy > p { margin-top:8px; }
  .bl-folding-preview .folding-selection-copy .hsb-notes { margin:10px 0 14px; }
  .bl-folding-preview .folding-selection-help { position:static; margin-top:32px; padding:24px 20px; }

  .bl-folding-preview .folding-in-use-platform { padding:30px 18px 24px; }
  .bl-folding-preview .folding-in-use-scene { width:calc(100% + 36px); margin:0 -18px; height:auto; aspect-ratio:.85; }
  .bl-folding-preview .folding-in-use-scene::before { mask-image:linear-gradient(#000 70%,transparent 84%); }
  .bl-folding-preview .folding-in-use-scene-caption { left:18px; right:18px; bottom:0; }
  .bl-folding-preview .folding-in-use-detail { grid-template-columns:1fr; padding:22px 0; min-height:0; }
  .bl-folding-preview .folding-in-use-detail-image { height:auto; aspect-ratio:1.45; padding:4px 12px; }

  .bl-folding-preview .folding-process-platform { padding:30px 18px 24px; }
  .bl-folding-preview .folding-process-composition::after { width:calc(100% + 36px); margin:12px -18px 18px; }
  .bl-folding-preview .folding-process-steps { grid-template-columns:1fr; gap:18px; }
  .bl-folding-preview .folding-process-steps li { display:grid; grid-template-columns:34px 1fr; column-gap:12px; padding-top:16px; }
  .bl-folding-preview .folding-process-steps .folding-process-number { grid-row:1 / 3; grid-column:1; }
  .bl-folding-preview .folding-process-steps h3,.bl-folding-preview .folding-process-steps p { grid-column:2; }

  .bl-folding-preview .folding-calculation-platform { padding:30px 18px 24px; }
  .bl-folding-preview .folding-calculation-copy h2 { font-size:clamp(29px,7.5vw,44px); }
  .bl-folding-preview .folding-calculation-art { width:calc(100% + 36px); height:auto; margin:0 -18px; }
  .bl-folding-preview .folding-calculation-visual-caption { font-size:13px; }
}