/* Photographic application scenes. Accepted hero, frame, content and actions are unchanged. */
.bl-folding-preview .folding-selection-background { object-fit:cover; object-position:center; opacity:1; }
.bl-folding-preview .folding-selection-art { margin:0; height:29.8cqw; overflow:hidden; border-radius:10px; }
.bl-folding-preview .folding-selection-art > img { object-fit:cover; object-position:center; padding:0; }
.bl-folding-preview .folding-selection-copy { margin-top:1.2cqw; }
.bl-folding-preview .folding-detail-photo { height:auto; aspect-ratio:1.25; overflow:hidden; }
.bl-folding-preview .folding-detail-photo img { object-fit:cover; padding:0; }
.bl-folding-preview .folding-product-photo > img { object-fit:cover; object-position:center; padding:0; }
.bl-folding-preview .folding-product-detail-photo { background:transparent; overflow:hidden; border-radius:12px; }
.bl-folding-preview .folding-product-detail-photo > img { width:100%; height:auto!important; padding:0; object-fit:cover; }
.bl-folding-preview .folding-product-detail-photo figcaption { padding:4px 0; }
.bl-folding-preview .folding-in-use-platform { background:#eef1ed url('./assets/architecture-daylight-r3.webp') 25% top/auto 155% no-repeat; }
.bl-folding-preview .folding-in-use-scene { background:transparent; }
.bl-folding-preview .folding-in-use-scene > img { object-fit:cover; object-position:center; padding:0; }
.bl-folding-preview .folding-in-use-scene-caption > p { display:inline-block; padding:6px 10px; background:#f8faf3dd; border-radius:4px; }
.bl-folding-preview .folding-process-platform { position:relative; isolation:isolate; overflow:hidden; background:#f0f1ed; }
.bl-folding-preview .folding-process-platform::before { content:''; position:absolute; z-index:-1; top:0; left:0; width:100%; aspect-ratio:1672 / 1025; background:url('./assets/process-scene-r3.webp') center top/cover no-repeat; mask-image:linear-gradient(to bottom,#000 78%,transparent); pointer-events:none; }
.bl-folding-preview .folding-process-composition { height:42cqw; }
.bl-folding-preview .folding-process-art { display:none; }
.bl-folding-preview .folding-process-drawer .hs-support-art img { object-fit:cover; }
.bl-folding-preview .folding-calculation-platform { background:#f0f2ee url('./assets/architecture-daylight-r3.webp') center/cover no-repeat; }
.bl-folding-preview .folding-calculation-art { margin-top:1.8cqw; }
.bl-folding-preview .folding-calculation-art > img { height:auto!important; aspect-ratio:1.25; object-fit:cover; padding:0; border-radius:12px; }
@media(min-width:1101px) {
 .bl-folding-preview .folding-selection-families { top:22.5%; }
 .bl-folding-preview .folding-selection-art { height:27.8cqw; }
 .bl-folding-preview .folding-process-lead { margin-top:0; }
}
@media(max-width:1100px) {
 .bl-folding-preview .folding-selection-art { margin:0; height:29cqw; }
 .bl-folding-preview .folding-selection-copy { margin-top:16px; }
 .bl-folding-preview .folding-process-platform { background:#f0f2ee url('./assets/architecture-daylight-r3.webp') 12% top/auto 100% no-repeat; }
 .bl-folding-preview .folding-process-platform::before { display:none; }
 .bl-folding-preview .folding-process-composition { height:auto; }
 .bl-folding-preview .folding-process-heading { margin-bottom:28px; }
 .bl-folding-preview .folding-process-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; padding:0; margin-top:0; }
 .bl-folding-preview .folding-process-steps li { border:0; padding:0; }
 .bl-folding-preview .folding-process-steps li::after { display:none; }
 .bl-folding-preview .folding-process-steps li::before { content:''; display:block; position:static; width:100%; height:auto; aspect-ratio:1.25; padding:0; margin:0 0 16px; border-radius:6px; background-color:transparent; background-image:url('./assets/process-scene-r3.webp'); background-repeat:no-repeat; background-size:400% auto; background-position:0 47%; }
 .bl-folding-preview .folding-process-steps li:nth-child(2)::before { background-position:29% 47%; }
 .bl-folding-preview .folding-process-steps li:nth-child(3)::before { background-position:58% 47%; }
 .bl-folding-preview .folding-process-steps li:nth-child(4)::before { height:auto; background-size:330% auto; background-position:100% 28%; }
 .bl-folding-preview .folding-calculation-art { margin-top:24px; }
}
@media(max-width:767px) {
 .bl-folding-preview .folding-selection-background { object-position:20% top; }
 .bl-folding-preview .folding-selection-art { height:auto; max-height:none; aspect-ratio:1.25; margin:0; }
 .bl-folding-preview .folding-selection-copy { margin-top:16px; }
 .bl-folding-preview .folding-in-use-scene { aspect-ratio:1.12; }
 .bl-folding-preview .folding-process-steps { display:grid; grid-template-columns:1fr; gap:28px; padding:0; }
 .bl-folding-preview .folding-process-steps li { display:grid; grid-template-columns:112px minmax(0,1fr); column-gap:18px; align-content:start; padding:0; border:0; }
 .bl-folding-preview .folding-process-steps li::before { grid-column:1; grid-row:1 / 4; height:112px; width:112px; aspect-ratio:auto; margin:0; }
 .bl-folding-preview .folding-process-steps li:nth-child(4)::before { height:112px; }
 .bl-folding-preview .folding-process-steps :is(.folding-process-number,h3,p) { grid-column:2; }
 .bl-folding-preview .folding-process-steps h3 { font-size:21px; }
 .bl-folding-preview .folding-process-steps p { font-size:15px; margin-top:8px; }
 .bl-folding-preview .folding-calculation-art { margin-top:24px; }
 .bl-folding-preview .folding-calculation-art > img { border-radius:8px; }
}