/* New World Class 3.2: R2 background video, below the existing scrim and copy. */
.homepage .hero .hero-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}

/* Align the hero content and contrast with the right side of the video. */
.homepage .hero .hero-grid{justify-content:flex-end}
.homepage .hero .hero-copy{margin-left:auto;text-align:right}
.homepage .hero .hero-copy p{margin-left:auto;margin-right:0}
.homepage .hero::before{background:linear-gradient(270deg,rgba(3,37,76,.94),rgba(3,45,83,.73) 37%,rgba(3,45,83,.15) 72%),linear-gradient(180deg,rgba(3,26,53,.7),transparent 35%)}
@media(max-width:760px){
.homepage .hero::before{background:none}
}

/* Mobile homepage: put the logo/menu row first, directly at the top. */
@media(max-width:800px){
 :root body.homepage:not(.detail-page) .site-header[data-public-header]{top:0;padding-top:6px}
 :root body.homepage:not(.detail-page) .site-header[data-public-header]>.container{display:flex;flex-direction:column}
 :root body.homepage:not(.detail-page) .site-header[data-public-header] .nav{order:0;width:100%}
 :root body.homepage:not(.detail-page) .site-header[data-public-header] .utility{order:1;margin:6px 0 0}
}

/* Keep the old photograph out of the video loading state. */
.homepage:not(.detail-page) .hero{background-image:none}