/* A short native sticky pause brings the film forward, then gives the page back. */
.intro { overflow:visible; }
.film-scene { position:relative; isolation:isolate; }
.film-stage { position:relative; }
.film-scene.is-enhanced { height:calc(var(--film-height) + var(--film-travel)); }
.film-scene.is-enhanced .film-stage {
  position:sticky;
  top:var(--film-top);
  height:var(--film-height);
  display:flex;
  align-items:center;
}
.film-scene.is-enhanced .film {
  flex:none;
  width:var(--film-width);
  max-width:none;
  margin:0 auto;
  transform-origin:center;
}
.film-scene.is-in-view .film { will-change:transform; }
@media(prefers-reduced-motion:reduce) {
  .film-scene.is-enhanced { height:auto; }
  .film-scene.is-enhanced .film-stage { position:relative; top:auto; height:auto; display:block; }
  .film-scene.is-enhanced .film { width:calc(100% - var(--gutter) * 2); max-width:1595px; transform:none!important; }
}

/* Phones: the film sits in normal flow, no pin and no scale. */
@media(max-width:700px){
  .film-scene.is-enhanced .film { width:calc(100% - var(--gutter) * 2); max-width:1595px; transform:none!important; }
}