/* demo chapter film (vchap-demo.js). Without JS or with reduced motion nothing here applies */
.vch-world{position:relative;margin-top:-100vh;z-index:5;pointer-events:none}
.vch-world>*{pointer-events:auto}
.vch-gap{height:100vh;pointer-events:none!important}
.vch-lead{height:110vh;pointer-events:none!important}
.vch-stage{position:sticky;top:0;height:100vh;margin-bottom:-100vh;overflow:hidden;z-index:0;pointer-events:none!important;background:var(--bg);opacity:0;will-change:opacity,transform}
.vch-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.vch-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(var(--veil),.35),rgba(var(--veil),0) 40%)}
.vch-world>section{position:relative;z-index:1;background:rgba(var(--veil),.84)!important;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.18);width:min(1180px,calc(100% - 64px));margin:0 auto 14vh;padding:70px 0 80px;overflow:hidden}
.vch-world>section:last-child{margin-bottom:10vh}
.vch-world>.sweep{display:none}
.vch-world>section .wrap{padding:0 44px}
.vch-dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:grid;gap:10px;opacity:0;transition:opacity .4s;pointer-events:none}
.vch-dots.on{opacity:1}.vch-dots i{width:6px;height:6px;border-radius:50%;background:rgba(127,127,127,.35);transition:background .3s,transform .3s}.vch-dots i.on{background:var(--acc);transform:scale(1.5)}
@media (max-width:819px){
  .vch-lead{height:95vh}
  .vch-world>section{width:calc(100% - 24px);border-radius:22px;padding:44px 0 50px;margin-bottom:10vh}
  .vch-world>section .wrap{padding:0 18px}
  .vch-dots{right:8px}
}