/* A visible six-second camera move and an equally timed scene indicator. */
.scene-media { overflow:hidden; }
.scene-media img { transition:opacity .8s ease; }
.scene-stage.scene-prepared .scene-media img.scene-ready {
 animation-name:scene-camera;
 animation-duration:6s;
}
@keyframes scene-camera {
 from { transform:translate3d(-1%,.6%,0) scale(1.045); }
 to { transform:translate3d(1%,-.6%,0) scale(1.14); }
}
.scene-tabs button[aria-selected="true"] { border-top-color:#f1f1e85c; }
.scene-tabs button[aria-selected="true"]::before { content:none; }
.scene-tabs .scene-tab-progress {
 position:absolute;
 left:0;
 right:0;
 top:-2px;
 height:3px;
 background:#98da77;
 transform:scaleX(0);
 transform-origin:left center;
 opacity:0;
 pointer-events:none;
}
.scene-tabs button[aria-selected="true"] .scene-tab-progress { opacity:1; }
@media(prefers-reduced-motion:reduce) { .scene-tab-progress { display:none; } }

/* Keep the wide cabinet inside its mobile column without changing its proportions. */
@media(max-width:650px) {
 .range-object { max-width:100%; }
 .range-product .range-visual .range-object>img { width:auto; max-width:100%; height:auto; max-height:470px; }
 .range-product:nth-child(1) .range-visual .range-object>img { max-height:410px; }
 .range-product:nth-child(4) .range-visual { height:auto; min-height:290px; padding-top:24px; }
}
