/* Keep the first exploration prompt clear of the arrival headline on small screens. */
@media(max-width:700px){
 body.in-arrival #scroll-cue.is-ready{bottom:calc(18px + env(safe-area-inset-bottom));}
 body.in-arrival .intro{top:23%;}
 body.in-arrival .intro h1{font-size:clamp(40px,12vw,63px);line-height:1.04;}
}
@media(max-height:500px) and (orientation:landscape){
 body.in-arrival .intro{top:25%;left:6%;width:65%;}
 body.in-arrival .intro h1{font-size:38px;line-height:1.02;margin:10px 0;}
 body.in-arrival .intro p{margin:8px 0;}
 body.in-arrival #scroll-cue.is-ready{left:auto;right:20px;bottom:20px;transform:none;}
}