/* Homepage header shares the scenery. Other page headers keep their existing layout. */
.dark-opening.hero-header-overlay{--hero-header-height:92px;--hero-copy-top:70px}
.dark-opening.hero-header-overlay::before{content:none}
.dark-opening.hero-header-overlay>.site-header.has-header-theme-toggle{position:absolute;top:0;left:0;right:0;margin-inline:auto;background:transparent}
.hero-header-overlay .hero{height:calc(clamp(590px,43vw,710px) + var(--hero-header-height))}
.hero-header-overlay .hero-content{padding-top:calc(var(--hero-header-height) + var(--hero-copy-top))}
.hero-header-overlay .hero-shade{background:linear-gradient(180deg,rgba(3,12,16,.42),rgba(3,12,16,.10)120px,transparent 220px),var(--color-image-shade-desktop)}
.hero-header-overlay>.mobile-nav{color:var(--color-on-dark)}
@media(min-width:1700px){.dark-opening.hero-header-overlay{--hero-copy-top:96px}}
@media(max-width:1120px){.dark-opening.hero-header-overlay{--hero-copy-top:62px}}
@media(max-width:800px){
 .dark-opening.hero-header-overlay{--hero-header-height:104px}
 .hero-header-overlay .hero{height:auto}
 .hero-header-overlay .hero-image,.hero-header-overlay .hero-video{top:0;bottom:auto;height:330px;object-fit:cover;object-position:65% center}
 .hero-header-overlay .hero-content{position:relative;inset:auto;padding-top:356px;padding-bottom:32px}
 .hero-header-overlay .hero-shade{background:linear-gradient(180deg,rgba(3,12,16,.42),transparent 150px),linear-gradient(180deg,transparent 190px,var(--color-image-base)350px,var(--color-image-base))}
 .dark-opening.hero-header-overlay>.mobile-nav{top:var(--hero-header-height)}
}
@media(max-width:360px){
 .hero-header-overlay .hero-image,.hero-header-overlay .hero-video{height:300px}
 .hero-header-overlay .hero-content{padding-top:330px}
 .hero-header-overlay .hero-shade{background:linear-gradient(180deg,rgba(3,12,16,.42),transparent 150px),linear-gradient(180deg,transparent 180px,var(--color-image-base)325px,var(--color-image-base))}
}