@import url('vision.css');

/* Keep the original scene; give phone controls and moving words clear space. */
@media(max-width:900px){
  .story-navigation{flex-wrap:nowrap;gap:8px}
  .story-navigation nav{width:auto;flex:1;justify-content:space-between;gap:12px}
  .story-navigation a,.story-navigation a::before{flex-shrink:0}
  .story-navigation button{position:static;flex:0 0 44px;width:44px;height:44px;padding:0;justify-content:center;font-size:18px}
  .story-navigation .motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:500px){
  .story-navigation nav{gap:5px}
  .story-stage{height:auto;overflow:visible}
  .paper-world{height:340px;min-height:340px;flex:0 0 340px}
  .stage-caption{flex-shrink:0}
  .agent-anchor{left:36%}
  .paper-world[data-scene=sales] .sheet-four{left:7.5%}
}