/* One continuous, responsive wave composition across the homepage masthead. */
.homepage{--home-masthead-height:485px;--home-header-height:var(--header-height)}
.homepage .site-header,.homepage .home-hero{
 background-color:#071c3b;
 background-image:url('../images/home-hero-refined.svg');
 background-repeat:no-repeat;
 background-size:100% var(--home-masthead-height);
}
.homepage .site-header{background-position:center top;box-shadow:none;border-bottom:0}
.homepage .home-hero{background-position:center calc(-1 * var(--home-header-height))}
.homepage .hero-aside{
 display:block;color:#e5efff;top:38px;font-size:11px;line-height:1.8;
 border-left:1px solid #b2c9ee;text-shadow:0 1px 3px #071c3b;
 isolation:isolate;
}
.homepage .hero-aside::before{
 content:"";position:absolute;inset:-20px -12px -20px -24px;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse,#0a2047bb 0%,#0a204766 48%,transparent 75%);
}
@media(max-width:1050px) and (min-width:681px){.homepage .hero-aside{top:26px;font-size:10px}}
@media(max-width:680px){
 .homepage .home-hero{padding-top:110px}
 .homepage .hero-aside{top:20px;font-size:10px;line-height:1.7;padding-left:14px;margin:0}
}
@media(max-width:680px){
 /* Keep the light source beyond the copy on narrow screens instead of squeezing it behind the headline. */
 .homepage .site-header,.homepage .home-hero{background-size:768px var(--home-masthead-height);background-position-x:left}
}