html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #fff; }
#hero { position: relative; width: 100%; height: 100%; overflow: hidden; isolation: isolate; }
#poster, #indoor, #exterior { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#poster { object-fit: contain; }
#indoor, #exterior { visibility: hidden; }
#hero.ready #poster { visibility: hidden; }
#hero.ready #indoor, #hero.ready #exterior { visibility: visible; }