/* Keep the landing page inside the visible browser viewport, including Safari chrome. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body{position:fixed;inset:0;height:100dvh}
main{height:100%;min-height:0;overflow:hidden;touch-action:none}
.watch-dialog{touch-action:manipulation;max-height:calc(100dvh - 24px)}
.watch-dialog video{max-height:calc(100dvh - 88px)}
@media(max-width:600px){
 main{display:block;padding:0}
 .hero-art{position:absolute;inset:0 0 120px;display:block;overflow:hidden}
 .scene{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
 .reel-dock{position:absolute;top:auto;bottom:calc(116px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;width:calc(100% - 28px);max-width:420px;gap:6px}
 .reel-tile img{height:clamp(32px,7dvh,61px)}
 .reel-tile .label{min-height:32px;padding:7px 3px;font-size:10px}
 .reel-tile .play{top:12px}
 .social{position:absolute;left:50%;bottom:calc(44px + env(safe-area-inset-bottom));transform:translateX(-50%);margin:0;width:calc(100% - 24px);max-width:420px}
 footer{position:absolute;bottom:env(safe-area-inset-bottom);padding:0 0 4px}
}