@media (max-width: 800px) {
  #one .offer-map-scene { margin-bottom: 0; }
  #one .offer-map-scene + .offer-options { width: 100%; max-width: 440px; align-self: center; margin: 16px 0 0; padding: 0; gap: 18px; }
  #one .offer-options + .scene-actions { width: 100%; max-width: 440px; align-self: center; margin-top: 24px; }
  #intention .narrative-display { grid-row: 1; }
  #intention .narrative-copy { grid-row: 2; }
  #intention .scene-experiment { margin-bottom: 0; }
  #intention .scene-experiment + .scene-actions { width: 100%; max-width: 440px; align-self: center; margin-top: 16px; }
  #intention .scene-experiment + .scene-actions .controls button { min-height: 44px; }
  #one .option-choices button { min-height: 44px; }
}
@media (max-width: 800px) and (prefers-reduced-motion: no-preference) {
  .author-site :is(#thought,#hypothesis,#limits,#author,#contact) .ascii-scene-canvas,
  .author-site #statement .ascii-scene-canvas {
    animation: scene-breathe 9s ease-in-out infinite alternate;
    transform-origin: center;
  }
}
@keyframes scene-breathe {
  from { transform: translate3d(-3px,2px,0) rotate(-.6deg) scale(.995); }
  to { transform: translate3d(3px,-3px,0) rotate(.6deg) scale(1.01); }
}