:root{--cine-bg:#0a0b10;--cine-text:#eef1f7;--cine-muted:#b9bfcd;--cine-radius:22px}
.scroller-cine{position:relative;color:var(--cine-text)}
.scroller-cine .scroller{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}
.scroller-cine .panel{position:relative;height:100dvh;scroll-snap-align:start;isolation:isolate;background:var(--cine-bg)}
.scroller-cine .bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.scroller-cine .bg video,.scroller-cine .bg img{width:100%;height:100%;object-fit:cover;filter:contrast(105%) saturate(105%)}
.scroller-cine .veil{position:absolute;inset:0;z-index:-1}
.scroller-cine .wrap{position:relative;height:100%;display:grid;place-items:center;padding:clamp(18px,4vw,48px)}
.scroller-cine .content{max-width:min(900px,86vw)}
.scroller-cine .eyebrow{letter-spacing:.3em;font-weight:700;text-transform:uppercase}
.scroller-cine h1{margin:.3em 0 .2em;font-size:clamp(28px,6.6vw,64px);line-height:1.04}
.scroller-cine p{margin:0 0 1em;font-size:clamp(16px,2.2vw,20px)}
.scroller-cine .muted{color:var(--cine-muted)}
.scroller-cine .quote{background:linear-gradient(110deg, var(--q1, #7c6cff), var(--q2, #00c2ff));}
.scroller-cine .quote .veil{display:none}
.scroller-cine .quote .content{text-align:center}
.scroller-cine .quote h2{font-size:clamp(30px,7vw,86px);line-height:1.06;margin:0}
.scroller-cine .cta .btn{display:inline-block;padding:12px 16px;border-radius:14px;font-weight:800;text-decoration:none;background:#fff;color:#0b0b10;box-shadow:0 10px 24px rgba(0,0,0,.35);margin-right:12px}
.scroller-cine .cta .btn.alt{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
/* dots */
.scroller-cine .dots{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:5}
.scroller-cine .dot{width:10px;height:10px;border-radius:50%;background:#6b7280;opacity:.5;transition:transform .2s,opacity .2s;cursor:pointer}
.scroller-cine .dot.active{background:#fff;opacity:1;transform:scale(1.3)}
/* reveal */
.scroller-cine .reveal{opacity:0;transform:translateY(20px);filter:blur(2px)}
.scroller-cine .in .reveal{opacity:1;transform:none;filter:none;transition:all .9s cubic-bezier(.2,.8,.2,1)}
.scroller-cine .in .reveal:nth-child(1){transition-delay:.05s}
.scroller-cine .in .reveal:nth-child(2){transition-delay:.16s}
.scroller-cine .in .reveal:nth-child(3){transition-delay:.28s}
@media(prefers-reduced-motion:reduce){.scroller-cine .scroller{scroll-behavior:auto}.scroller-cine .reveal{opacity:1;transform:none;filter:none}}
@media(max-width:640px){.scroller-cine .cta .btn{display:block;margin:0 0 10px 0}}
.scroller-cine .scroller{
  height:100dvh;
  overflow-y:auto;
  scroll-snap-type:y mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.scroller-cine .scroller::-webkit-scrollbar{ width:0; height:0 }