/* CINE — scroll-pinned scenes. The wrapper is the scroll track; the pin holds the viewport-sized canvas in place while you scroll through it. */
.cine{position:relative;z-index:2;margin:0;padding:0}
.cine-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:transparent}
.cine-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
/* the scene's last frame hands off into the section below with a soft edge */
.cine::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:16vh;background:linear-gradient(180deg,rgba(5,6,11,0),rgba(5,6,11,1));pointer-events:none;z-index:3}
@media(prefers-reduced-motion:reduce){.cine{display:none}}