/* Small editorial slideshow over the hero; the movie always remains underneath. */
body.ve-homepage .vd-reference-home .vd-cinema .vd-hero-content { width:64%; padding-right:28px; }
.vd-hero-gallery { position:absolute; z-index:2; inset:70px 6% auto auto; width:300px; padding:12px; border:1px solid #ffffff65; border-radius:20px; background:#123d32b8; backdrop-filter:blur(16px); box-shadow:0 24px 50px #001c2440; transform:rotate(2deg); transition:transform .35s ease; }
.vd-hero-gallery:hover,.vd-hero-gallery:focus-within { transform:rotate(0); }
.vd-gallery-top { display:flex; justify-content:space-between; gap:20px; padding:6px 4px 14px; color:#fff; font-size:9px; letter-spacing:.16em; }
.vd-gallery-stage { position:relative; height:255px; overflow:hidden; border-radius:12px; background:#123d32; }
.vd-gallery-slide { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transform:translateX(18px) scale(1.02); transition:opacity .55s ease,transform .65s ease,visibility .55s; }
.vd-gallery-slide.is-active { opacity:1; visibility:visible; transform:translateX(0) scale(1); }
.vd-gallery-slide > img { width:100%; height:100%; object-fit:cover; }
.vd-gallery-slide.is-active > img { animation:vd-gallery-drift 12s ease-out both; }
.vd-gallery-slide figcaption { position:absolute; inset:auto 0 0; padding:45px 18px 18px; display:grid; gap:7px; background:linear-gradient(0deg,#072b24f0,transparent); color:#fff; }
.vd-gallery-slide figcaption > span { color:#e5eee7; font-size:10px; line-height:1.5; }
.vd-gallery-slide figcaption strong { color:#fff; font:400 23px/1.1 Georgia,serif; }
.vd-gallery-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 2px 0; color:#fff; }
.vd-gallery-footer > span { font-size:10px; }
.vd-gallery-footer > div { display:flex; gap:8px; }
.vd-gallery-footer button { display:grid; place-items:center; width:36px; height:36px; border:1px solid #ffffff60; border-radius:50%; background:#ffffff0e; color:#fff; cursor:pointer; transition:background .2s,transform .2s; }
.vd-gallery-footer button:hover { background:#ffffff26; transform:translateY(-2px); }
.vd-gallery-footer button:focus-visible { outline:3px solid #eddbab; outline-offset:3px; }
body.ve-homepage .vd-reference-home .vr-film-montage img { transition:transform .6s ease,box-shadow .6s ease; }
body.ve-homepage .vd-reference-home .vr-discover-film:hover .vr-film-montage img:first-child { transform:rotate(-8deg) translateY(-8px); }
body.ve-homepage .vd-reference-home .vr-discover-film:hover .vr-film-montage img:nth-child(2) { transform:rotate(0) translateY(-4px); }
body.ve-homepage .vd-reference-home .vr-discover-film:hover .vr-film-montage img:nth-child(3) { transform:rotate(6deg) translateY(-7px); }
@keyframes vd-gallery-drift { from {transform:scale(1)} to {transform:scale(1.065)} }
@media(max-width:1100px) { .vd-hero-gallery { width:260px; inset-inline-end:4%; top:85px; } .vd-gallery-stage { height:225px; } body.ve-homepage .vd-reference-home .vd-cinema h1#vd-home-title { font-size:clamp(46px,6vw,70px); } }
@media(max-width:767px) {
 body.ve-homepage .vd-reference-home .vd-cinema { display:flex; flex-direction:column; align-items:stretch; padding-bottom:105px; }
 body.ve-homepage .vd-reference-home .vd-cinema .vd-hero-content { width:100%; padding:55px 24px 24px; }
 .vd-hero-gallery { position:relative; inset:auto; width:calc(100% - 48px); margin:0 24px; transform:none; border-radius:16px; }
 .vd-gallery-stage { height:200px; }
 .vd-gallery-slide > img { object-position:center 55%; }
 .vd-gallery-top { padding-bottom:10px; }
 body.ve-homepage .vd-reference-home .vd-cinema-bottom { bottom:52px; }
}
@media(prefers-reduced-motion:reduce) { .vd-gallery-slide,.vd-hero-gallery,.vd-gallery-footer button { transition:none; } .vd-gallery-slide.is-active > img { animation:none; } body.ve-homepage .vd-reference-home .vr-film-montage img { transition:none; } }