/* The next surface rolls over a briefly held sea, without adding scroll distance. */
.home-scroll-stage {
  position: relative;
  height: calc(var(--home-hero-height) + var(--home-hero-hold));
  margin-bottom: calc(-1 * var(--home-hero-hold));
  background: var(--ivory, #fcfbf6);
}
.home-scroll-stage > .hero--fluid { position: sticky; top: 0; }
.home-scroll-stage .home-fluid-canvas {
  transform: translate3d(0, var(--home-sea-shift, 0px), 0);
}
.scenario-section--shore {
  position: relative;
  z-index: 1;
  background: var(--ivory, #fcfbf6);
}