/* Keep the laboratory and BR droplet visible beside the foreground copy. */
.film-depth {inset:-10px;transform:translate3d(var(--film-x,0px),var(--film-y,0px),0) scale(1.012);}
.film-depth video {object-position:75% center;}
.film-shade {background:none;}
.film-shade::before,.film-shade::after {content:"";position:absolute;inset:0;}
.film-shade::before {opacity:calc(1 - var(--film-clear,0));background:linear-gradient(90deg,rgba(4,18,32,.87),rgba(5,20,36,.61) 33%,rgba(5,20,36,.20) 75%,rgba(5,20,36,.15)),linear-gradient(0deg,rgba(4,18,32,.88),transparent 32%);}
.film-shade::after {opacity:var(--film-clear,0);background:linear-gradient(90deg,rgba(4,18,32,.92) 0%,rgba(4,18,32,.79) 34%,rgba(4,18,32,.52) 48%,rgba(4,18,32,.06) 62%,transparent 70%),linear-gradient(0deg,rgba(4,18,32,.72),transparent 15%);}
@media(max-width:700px){
 .film-depth {inset:0;transform:none;}
 .film-depth video {object-position:center;}
 .film-shade::before {background:linear-gradient(180deg,rgba(3,18,32,.12) 10%,rgba(3,18,32,.08) 26%,rgba(4,18,32,.77) 45%,rgba(4,18,32,.97) 74%);}
 .film-shade::after {background:linear-gradient(180deg,rgba(3,18,32,.05) 0%,transparent 28%,rgba(4,18,32,.65) 41%,rgba(4,18,32,.96) 60%);}
 .hero-kicker,.hero-promise,.hero-intro {max-height:150px;transition:max-height .5s,opacity .4s,margin .5s;overflow:hidden;}
}
@media(prefers-reduced-motion:reduce){.film-depth{transform:none!important;}}