/* On phones the exit copy and the scanner occupy separate areas. */
@media(max-width:760px){
  .hero-outro{top:100px;left:7%;right:7%;max-width:none}
  .hero-outro h2{font-family:Manrope,Arial,sans-serif;font-weight:450;font-size:clamp(38px,11.8vw,58px);line-height:1.12;letter-spacing:-.05em}
  .hero-outro .eyebrow{font-size:9px;margin-bottom:13px}
  .hero-outro p{font-family:Manrope,Arial,sans-serif;font-size:18px;line-height:1.55;margin:14px 0;max-width:430px;color:#dfedeb}
  .hero-outro .desktop-break{display:none}
  .hero-outro .hero-buttons{gap:14px;flex-wrap:wrap}
  .hero-outro .hero-buttons .button{font-size:14px;padding:14px 17px;min-height:52px}
  .hero-outro .hero-buttons .text-link{font-size:14px;min-height:48px;align-items:center}
  .header .brand{gap:9px}
  .header .brand-icon{position:relative;display:block;flex:0 0 34px;width:34px;height:34px;font-size:0;border:2.5px solid currentColor;border-radius:50%}
  .header .brand-icon::after{content:"";position:absolute;inset:4px;border:2px solid currentColor;border-radius:50%}
  .header .button{font-size:13px;min-height:46px}
  .header .menu-toggle{min-width:46px;height:46px}
  .hero-outro .hero-address{margin-top:12px;font-size:9px;line-height:1.5}
  .journey-stage .scene-shade{background:linear-gradient(0deg,#02191ff2 0,transparent 18%,transparent 72%,#03232980)}
  .journey-stage .draft-label{max-width:calc(100% - 175px);bottom:18px;font-size:7px;line-height:1.6}
  .journey-stage .journey-footer{bottom:73px;font-size:9px}
  .journey-stage .scroll-instruction{font-size:9px;max-width:145px}
  .journey-stage .lab-toggle{bottom:14px;font-size:9px}
}
@media(max-width:380px){
  .hero-outro{top:94px}
  .hero-outro .hero-buttons .button{padding:14px 13px}
  .header .brand-icon{flex-basis:31px;width:31px;height:31px}
}
@media(max-width:350px){
  .hero-outro{left:5%;right:5%}
  .hero-outro .hero-buttons .button{padding:13px 10px;font-size:13px}
  .hero-outro .hero-buttons .text-link{font-size:13px}
}

/* Keep the mobile scene large enough while browser bars slide away.
   A stable viewport also avoids resizing WebGL and retiming the flight mid-swipe. */
@media(max-width:760px){
  html{background:#02191f}
  .journey-stage{height:100vh;height:100lvh}
}