.hero-cinema .hero-bg{background:var(--dark)}
.hero-cinema .hero-bg::after{background:linear-gradient(180deg,rgba(17,20,16,.08),rgba(17,20,16,.18))}
.hero-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;opacity:0;transition:opacity .5s ease}
.hero-film-video.is-ready{opacity:1}
.hero-cinema .hero-bg img{position:relative;animation:none;transform:none;object-fit:cover;object-position:50% 0%}
.hero-picture{display:block;width:100%;height:100%}
.hero-films{position:absolute;inset:0;z-index:0}
.hero-films[hidden]{display:none}
.hero-films [data-film-toggle]{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;margin:0;background:transparent;color:transparent;cursor:pointer;border-radius:0}
.hero-films [data-film-toggle]:focus-visible{outline:3px solid #ffbd59;outline-offset:-6px}
.hero-cinema .hero-inner{position:relative;z-index:1;padding-top:104px;pointer-events:none}
.hero-cinema .hero-inner :is(a,button,input,select,textarea,label,.book-shell){pointer-events:auto}
.hero-cinema .hero-scroll{z-index:2}
@media(min-width:761px){
 .hero.hero-cinema{width:100%;max-width:1920px;margin-inline:auto;min-height:600px;height:clamp(600px,43.75vw,840px);max-height:none}
 .hero-cinema .hero-inner{padding-top:0;padding-bottom:44px}
 /* The scrim follows the translated copy, so bright video frames never sit behind unprotected text. */
 .hero-cinema .hero-inner::before{content:"";position:absolute;z-index:-1;inset:-160px -100vw -1px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(17,20,16,.74) 160px,rgba(17,20,16,.80))}
 .hero-cinema .hero-sub{color:#fff}
}
@media(min-width:761px) and (max-width:1100px){.hero-cinema .hero-scroll{display:none}}
@media(min-width:1960px){.hero.hero-cinema{margin-block:24px;border-radius:16px}}
@media(max-width:760px){.hero-cinema .hero-film-video,.hero-cinema .hero-films{display:none}.hero-cinema .hero-bg img{object-fit:cover;object-position:50% 50%}.hero-cinema .hero-inner{padding-top:100px;padding-bottom:32px}.hero-cinema .hero-bg::after{background:linear-gradient(180deg,rgba(17,20,16,.18),rgba(17,20,16,.60) 40%,rgba(17,20,16,.86))}}
@media(prefers-reduced-motion:reduce){.hero-film-video{transition:none}}
@media(max-width:760px){.hero.hero-cinema h1 .line>span,.hero-cinema .hero-sub,.hero-cinema .book-shell{animation:none;transform:none;opacity:1}}