.hero-layer-stage{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease;overflow:hidden}
.hero-layer-stage.is-ready{opacity:1}
.home .hero-window .hero-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;transform-origin:60% 50%;will-change:transform}
@media(max-width:800px){.home .hero-window .hero-layer{object-position:64% center;transform-origin:64% 50%}}
@media(prefers-reduced-motion:reduce){.hero-layer-stage{display:none!important}.home .hero-window .hero-layer{will-change:auto}}
/* Lateral perspective controls. Keep page scrolling native on touch screens. */
.hero-layer-stage{transform-origin:50% 50%;will-change:transform}
.hero-tilt{position:absolute;right:24px;bottom:65px;z-index:12;padding:9px 14px;border:1px solid #ffffff88;border-radius:3px;background:#18201dcc;color:#fff;font-size:13px;line-height:1.4;backdrop-filter:blur(8px)}
.hero-tilt:focus-visible{outline:2px solid #fff;outline-offset:4px}
.hero-motion-status{position:absolute;right:24px;bottom:110px;z-index:12;max-width:260px;color:#fff;background:#18201ddd;font-size:12px;line-height:1.5;padding:6px 10px;border-radius:3px;pointer-events:none}
.hero-motion-status:empty{display:none}
@media(prefers-reduced-motion:reduce){.hero-layer-stage{will-change:auto}.hero-tilt,.hero-motion-status{display:none!important}}


/* Supplied alpha layers: identical crop and zoom, stacked from room to furniture. */
.home .hero-window .hero-supplied-background{z-index:0}
.home .hero-window .hero-supplied-middle{z-index:1}
.home .hero-window .hero-supplied-foreground{z-index:2}
.hero-layer-stage{transform:none;isolation:isolate}