/* Independent transforms preserve the original fade and camera transforms. */
.ml-depth-enable { display:none!important; }
@media screen and (max-width:1039px) {
  .ml-depth-plane { perspective:1500px;perspective-origin:50% 50%; }
  .ml-depth-picture { translate:0 0;rotate:0deg;scale:1;backface-visibility:hidden;will-change:translate,rotate,scale; }
  .calculator-hub-scene::before {
    content:"";position:absolute;inset:-24px;
    background:url('calculator-hub-scene-20261027/portrait-480.webp') center/cover;
    filter:blur(20px);
  }
  .calculator-hub-scene__camera { inset:0;transform:none!important; }
  .calculator-hub-scene__image { object-fit:contain;object-position:center; }
  .home-scene-caption { position:static;width:calc(100% - 36px);max-width:1280px;margin:0 auto 12px;pointer-events:none; }
  /* External declarations also work under the production Content Security Policy;
     missing inline variables previously left flat grey letterbox areas. */
  .home-scene__layer:nth-child(1) .home-scene__ambient { background-image:url('home-scene-mobile-20261025/before-128.webp'); }
  .home-scene__layer:nth-child(2) .home-scene__ambient { background-image:url('home-scene-mobile-20261025/rough-128.webp'); }
  .home-scene__layer:nth-child(3) .home-scene__ambient { background-image:url('home-scene-mobile-20261025/finishing-128.webp'); }
  .home-scene__layer:nth-child(4) .home-scene__ambient { background-image:url('home-scene-mobile-20261025/loft-128.webp'); }
  .pool-scene__layer:nth-child(1) .pool-scene__ambient { background-image:url('pool-scene-20261027/01-before-128.webp'); }
  .pool-scene__layer:nth-child(2) .pool-scene__ambient { background-image:url('pool-scene-20261027/02-rough-128.webp'); }
  .pool-scene__layer:nth-child(3) .pool-scene__ambient { background-image:url('pool-scene-20261027/03-finishing-128.webp'); }
  .pool-scene__layer:nth-child(4) .pool-scene__ambient { background-image:url('pool-scene-20261027/04-luxury-128.webp'); }
  .bathroom-scene__layer:nth-child(1) .bathroom-scene__ambient { background-image:url('bathroom-scene-20261026/01-before-128.webp'); }
  .bathroom-scene__layer:nth-child(2) .bathroom-scene__ambient { background-image:url('bathroom-scene-20261026/02-rough-128.webp'); }
  .bathroom-scene__layer:nth-child(3) .bathroom-scene__ambient { background-image:url('bathroom-scene-20261026/03-finishing-128.webp'); }
  .bathroom-scene__layer:nth-child(4) .bathroom-scene__ambient { background-image:url('bathroom-scene-20261026/04-luxury-128.webp'); }
}
@media(prefers-reduced-motion:reduce) {
  .ml-depth-picture { translate:none!important;rotate:none!important;scale:none!important;will-change:auto; }
}
@media print {
  .ml-depth-picture { translate:none!important;rotate:none!important;scale:none!important; }
}

/* Pool calculator on phones: cover the viewport throughout the 3D movement. */
@media screen and (max-width:1039px) {
  #pool-scene .pool-scene__picture { inset:-14%; }
  #pool-scene .pool-scene__image { object-fit:cover;object-position:center; }
}

/* All decorative scenes must fill the viewport, including browser-bar resizing. */
@media screen {
  :is(#home-scene,#bathroom-scene,#pool-scene,#house-scene,#apartment-scene,#section-scene,#calculator-hub-scene) {
    position:fixed;inset:0 0 auto;width:100%;max-width:none;
    height:100vh;height:100lvh;min-height:100%;margin:0;border:0;border-radius:0;overflow:hidden;
  }
}
@media screen and (max-width:1039px) {
  /* The edge reserve covers the existing maximum tilt, translation and zoom-out. */
  #home-scene .home-scene__picture,
  #bathroom-scene .bathroom-scene__picture,
  #pool-scene .pool-scene__picture,
  #house-scene .house-scene__picture,
  #apartment-scene .apartment-scene__picture,
  #section-scene .section-scene__picture,
  #calculator-hub-scene .calculator-hub-scene__camera {
    position:absolute;inset:-14%;width:auto;height:auto;max-width:none;max-height:none;margin:0;
  }
  #home-scene .home-scene__frame,
  #bathroom-scene .bathroom-scene__image,
  #pool-scene .pool-scene__image,
  #house-scene .house-scene__image,
  #apartment-scene .apartment-scene__image,
  #section-scene .section-scene__image,
  #calculator-hub-scene .calculator-hub-scene__image {
    display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;
  }
}