/* Vook v13: scroll-expanding video + smooth FAQ */
.vsec{padding-bottom:40px}
.vk .e-con.vpin,.vpin{position:relative;height:260vh;--display:block}
.vk .e-con.vstick,.vstick{position:sticky;top:0;height:100vh;overflow:hidden;--display:block}
.vk .e-con.vframe.vfull,.vframe.vfull{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;clip-path:inset(var(--vy,20%) var(--vx,20%) var(--vy,20%) var(--vx,20%) round var(--vr,28px));will-change:clip-path;background-position:center 35%}
.vframe.vfull:after{transform:scale(var(--vb,1));transition:none}
.vcap{position:absolute;left:50%;bottom:6vh;transform:translateX(-50%);z-index:3;color:#fff;font:600 14px/1 var(--fb);background:rgba(0,0,0,.35);border-radius:999px;padding:10px 16px;opacity:var(--vo,0);pointer-events:none;white-space:nowrap}
.vmeta{margin-top:24px}
/* FAQ: smooth height */
.faq details>p{overflow:hidden;will-change:height}
.faq summary i{transition:transform .45s cubic-bezier(.23,1,.32,1),background-color .3s ease}
.faq details.closing summary i{transform:none;background:#fff}
.faq details.closing summary i:before,.faq details.closing summary i:after{background:#000}
@media(prefers-reduced-motion:reduce){.vk .e-con.vpin,.vpin{height:auto}.vk .e-con.vstick,.vstick{position:relative;height:auto}.vframe.vfull{position:relative;aspect-ratio:16/9;clip-path:none;border-radius:28px}}