/* v19: the letter section scales smoothly with the window height instead of in steps.
   The old rules cut it by 12% (desktop, 900 px tall or less), by 6.6% (phone, 819 px or less) and by 18% (phone, 760 px or less) the moment a window
   crossed those lines, and Brave's browser bars often put it on the small side while Chrome stayed on the big side. */
@media (min-width:1100px) {
  .cinematic[data-scene=ready] .cine-workspace { transform:translateY(-50%) scale(var(--ws-fit,1)); transform-origin:right center; }
}
@media (max-width:1099px) {
  .cinematic[data-scene=ready] .cine-workspace { transform:scale(var(--ws-fit-m,1)); transform-origin:top center; }
}
@media (max-width:759px) {
  .cinematic.cinematic-v10.cinematic-v9[data-scene="ready"] .cine-letter-wrap { scale:var(--lw-fit,.76); }
}