/* Combined "all" page: turn every standalone section's fixed full-viewport
   scene into a normal stacked block so the page scrolls through all of them.
   Loaded after every other section stylesheet so these overrides win. */

html,body{
  height:auto;
}
body{
  overflow:auto;
}

.vision-scene{
  position:relative;
  inset:auto;
  min-height:100vh;
}

/* hero keeps its own fixed, scroll-jacked scene untouched while its sequence
   runs; js/all.js adds this class once tear.js's sequence finishes, so hero
   settles into normal flow and scrolls away like any other section. */
.scene.done{
  position:relative;
  /* style.css sizes .scene with width:100vw, which counts the width
     "under" a reserved (non-overlay) vertical scrollbar. That's harmless
     while .scene is fixed (nothing below it can scroll yet), but once it
     drops into normal flow here, on a page that genuinely scrolls
     vertically, 100vw makes it a few px wider than body's real content
     box and the page overflows sideways for the rest of the scroll. */
  width:100%;
}