.banner-video{display:none;position:absolute;inset:0 0 0 auto;width:67%;height:100%;object-fit:cover;object-position:center 25%;pointer-events:none}.has-video{background:#242821}.has-video>img{visibility:hidden}.has-video .banner-video{display:block}.has-video:after{background:linear-gradient(90deg,#242821 0%,#242821 29%,#242821e0 38%,#24282140 60%,#24282100 80%)}.has-video .hero-note{display:none}.banner-toggle{position:absolute;right:5%;bottom:20px;z-index:3;border:1px solid #ffffff80;border-radius:0;background:#1a201b70;color:white;padding:11px 14px;min-height:44px;font:10px Arial,sans-serif;letter-spacing:.04em;cursor:pointer}.banner-toggle[hidden]{display:none}.banner-toggle:focus-visible{outline:2px solid white;outline-offset:4px}.banner-toggle:hover{background:#1a201bcc}.overview-hero.has-video .banner-video{object-position:center 25%}.film-hero.has-video .banner-video{object-position:center 23%}
@media(max-width:760px){.banner-video{width:100%;object-position:center 25%}.has-video:after{background:linear-gradient(0deg,#131c17d4,#131c1740 65%,#131c1710)}.banner-toggle{right:5%;bottom:auto;top:14px;font-size:9px;min-height:40px;padding:10px 12px}.hero.has-video .hero-copy{bottom:24px}.overview-hero.has-video .banner-video{object-position:center 20%}.film-hero.has-video .banner-video{object-position:center 22%}}
@media(prefers-reduced-motion:reduce){.banner-video,.banner-toggle{display:none!important}.has-video>img{visibility:visible}}
/* Blend the actual video edge into the homepage background. */
@media(min-width:761px){
 .hero.has-video .banner-video{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.35) 20%,rgba(0,0,0,.72) 34%,#000 50%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.35) 20%,rgba(0,0,0,.72) 34%,#000 50%);
 }
 .hero.has-video:after{background:linear-gradient(90deg,#242821 0%,#242821ee 24%,#24282170 44%,#24282115 68%,#24282100 85%)}
}
