/* Product films (Oct 23): the stage kit. Each graphic on the product page is one of Korravo's own product films, a
   1920 x 1080 stage in its own frame (assets/product/anim/films/). The frame is held at its full 1920 x 1080 size and
   scaled into the window with one transform, so the film inside never re-lays out and every size and timing stays the
   film's own. The same transform crops and zooms: full view first, then an eased zoom to the film's focal point, and back
   (stage.js). Frames cross-fade as the source page did (opacity .6s). */
.kv-win{--kv-ease:cubic-bezier(.22,1,.36,1);position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#121614;box-sizing:border-box}
.kv-win>iframe{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;margin:0;background:#121614;transform-origin:0 0;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .6s var(--kv-ease),visibility 0s linear .6s,transform 1.2s var(--kv-ease)}
.kv-win>iframe.on{opacity:1;visibility:visible;transition:opacity .6s var(--kv-ease),visibility 0s,transform 1.2s var(--kv-ease)}
/* the only film you can click into: the AI Opportunity Map (dots, rows) */
.kv-win.kv-live>iframe.on{pointer-events:auto}
/* resizing snaps the crop instead of easing it */
.kv-win.kv-snap>iframe{transition:none!important}
@media (max-width:639px){.kv-win{aspect-ratio:3/4}}
@media (prefers-reduced-motion:reduce){.kv-win>iframe,.kv-win>iframe.on{transition:none}}