/* Scoped to this page only — small enough not to warrant its own splash.css,
 but move these into real_estate/css/splash.css if it grows. */
body {
margin: 0;
background: #000;
overflow: hidden;
}
.splash-frame {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
height: 100dvh;
}
.splash-slide {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
/* Stretch to fill edge-to-edge on every device: no crop, no letterbox
   bars, no overflow. The slides are 853x1844 (~19.5:9) which matches
   modern phone screens almost exactly, so distortion is negligible;
   only far-off-ratio viewports (desktop windows, short phones) show
   a slight vertical/horizontal stretch. */
object-fit: fill;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}
.splash-slide.active {
opacity: 1;
}
.tap-zone {
position: absolute;
top: 0;
bottom: 0;
width: 50%;
z-index: 10;
/* transparent — purely for hit-testing taps/clicks */
}
.tap-zone.left {
left: 0;
}
.tap-zone.right {
right: 0;
}