/* Homepage film behind the existing headline and calls to action. */
.hero--film{isolation:isolate;min-height:660px;display:flex;align-items:center;padding:90px 0 100px;background:#080a10}
.hero--film::before,.hero--film::after{display:none}
.hero-film-background{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-film-poster,.hero-film-background .brand-film-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.brand-film-video.is-unavailable{visibility:hidden}
.brand-film-video::-webkit-media-controls{display:none!important}
.brand-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,13,.9) 0%,rgba(5,7,13,.74) 42%,rgba(5,7,13,.25) 100%),linear-gradient(0deg,rgba(5,7,13,.65),transparent 40%)}
.hero--film .hero-grid{grid-template-columns:minmax(0,1fr);width:100%;gap:0}
.hero--film .hero-content{max-width:680px}
.hero--film h1{text-shadow:0 2px 24px #0006}
.hero--film h1 em{color:#b4adff}
.hero--film .hero-text{color:#e0e2eb;max-width:510px}
.hero--film .hero-features{max-width:610px;border-color:#ffffff30}
.hero--film .hero-features strong{color:#b4adff}
.hero--film .hero-features span{color:#d3d6e0}
.hero--film .button-outline{background:#0a0c16a6;border-color:#ffffff60}
@media(max-width:600px){.hero--film{min-height:610px;padding:55px 0 95px}.hero--film .hero-content{max-width:100%}.hero--film .hero-text{font-size:15px}.brand-film-shade{background:linear-gradient(90deg,#05070dde,#05070d9e),linear-gradient(0deg,#05070d80,transparent)}.hero--film .hero-features{gap:18px}.hero--film .hero-features span{font-size:11px}}