/* Mobile art direction. Keep the whole portrait room visible at every phone ratio. */
.home-scene__layer { position: absolute; inset: 0; opacity: 0; will-change: opacity; }
.home-scene__layer:first-child { opacity: 1; }
.home-scene__layer .home-scene__frame { opacity: 1; will-change: auto; }
.home-scene__ambient { display: none; }
@media (max-width: 700px) and (orientation: portrait) {
  .home-scene { height: 100vh; height: 100lvh; bottom: auto; }
  .home-scene__camera { inset: 0; transform: none; will-change: auto; }
  .home-scene__layer .home-scene__frame { object-fit: contain; object-position: 50% 50%; }
  .home-scene__ambient {
    display: block;
    position: absolute;
    inset: -24px;
    background-image: var(--scene-ambient);
    background-position: center;
    background-size: cover;
    filter: blur(16px);
    opacity: .78;
  }
  body.home-immersive .site-header,
  body.home-immersive .hero .calculator-promo { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  .home-scene__layer { opacity: 0 !important; }
  .home-scene__layer:last-child { opacity: 1 !important; }
  .home-scene__layer .home-scene__frame { opacity: 1 !important; }
}