/* Keep the first four original cinematic phases, with their original scroll speed.
   New height = 80% of old section height + 20% of its sticky viewport (min 660px).
   The independent interactive panel follows in normal document flow. */
.hybrid-cinematic[data-scenario-followup]{height:calc(520svh + max(20svh,132px))}
.hybrid-cinematic.cinema-teaser[data-scenario-followup]{height:calc(280svh + max(20svh,132px))}
.hybrid-cinematic[data-scenario-followup] .hybrid-cinema{opacity:1}
.hybrid-cinematic[data-scenario-followup] .hybrid-bottom .text-link{white-space:nowrap}
@media(max-width:760px){
  .hybrid-cinematic[data-scenario-followup]{height:calc(496svh + max(20svh,132px))}
  .hybrid-cinematic.cinema-teaser[data-scenario-followup]{height:calc(240svh + max(20svh,132px))}
}
@media(prefers-reduced-motion:reduce){
  .hybrid-cinematic[data-scenario-followup],.hybrid-cinematic.cinema-teaser[data-scenario-followup]{height:auto!important}
  .hybrid-cinematic[data-scenario-followup] .hybrid-bottom{padding-top:24px}
  .hybrid-cinematic[data-scenario-followup] .hybrid-note{margin-bottom:40px}
}