/* Stable mobile scene geometry while browser chrome expands or collapses. */
@media(max-width:700px){
 .journey .hero,.journey .journey-weather,.journey .journey-portal,.journey .access-sticky{height:100svh;min-height:0;max-height:none}
 .journey .journey-weather,.journey .journey-portal{margin-bottom:-100svh}
}

/* Mobile weather continuity: the shared layer spans both scenes without negative margins. */
@media(max-width:700px){
 .journey{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:100svh auto;
 }
 .journey>.journey-weather,.journey>.journey-portal{
  grid-column:1;
  grid-row:1 / 3;
  align-self:start;
  margin:0;
  height:100lvh;
  min-height:0;
 }
 .journey>.hero{grid-column:1;grid-row:1;min-width:0}
 .journey>.access{grid-column:1;grid-row:2;min-width:0}
 .journey-weather .storm-video{display:none!important}
 .journey-weather .storm-texture{opacity:1}
 .journey .access-caption{opacity:var(--access-caption-opacity,0)!important}
}