/* DEAD AIR ends BRIGHT — #5C448E sampled from the final frame's bottom strip.
   The seam ramps into that hex and .landing melts it down to the page
   background, so film → content has no visible line. A film that ends dark
   would ship a different pair of values here. */
#film-seam{background:linear-gradient(to bottom,transparent,#5C448E)}
.landing{background:linear-gradient(180deg,#5C448E 0%,#2A2050 38%,var(--void) 100%)}

/* The VERTICAL cut ends on a different bottom strip (#6963A0, lighter and
   bluer), because its finale frames the monolith differently. Reusing the
   landscape hex here would put a visible band right at the film-to-content
   handoff on every phone. Same (max-aspect-ratio: 3/4) breakpoint the engine
   switches frame sets at, so the colour and the footage always agree. */
@media (max-aspect-ratio: 3/4){
  #film-seam{background:linear-gradient(to bottom,transparent,#6963A0)}
  .landing{background:linear-gradient(180deg,#6963A0 0%,#2F2A57 38%,var(--void) 100%)}
}