/* One integrated scene below the white identity header, scoped to the homepage. */
.home-masthead{
    position:relative;
    isolation:isolate;
    /* Match the approved 1440px view. Centering follows the 1280px content
       block; fixed dimensions and a top offset keep the logo stationary. */
    background-color:#001827;
    /* Blend the fixed scene into the surrounding navy on wider/taller views. */
    background-image:linear-gradient(90deg,#001827,transparent 100px,transparent calc(100% - 100px),#001827),linear-gradient(0deg,#001827,transparent 60px),url('../images/home-masthead-v2.webp');
    background-position:calc(50% - 21px) -53px;
    background-size:1610px 586px;
    background-repeat:no-repeat;
}
.home-masthead .solutions-row{
    position:relative;
    z-index:10;
    background:linear-gradient(100deg,rgba(3,31,49,.66),rgba(9,67,96,.48),rgba(2,36,58,.58));
    -webkit-backdrop-filter:blur(8px) saturate(125%);
    backdrop-filter:blur(8px) saturate(125%);
    border-top:1px solid rgba(162,225,251,.10);
    border-bottom:1px solid rgba(87,183,225,.4);
    box-shadow:inset 0 1px 0 rgba(185,227,246,.08),0 6px 18px rgba(0,10,21,.12);
}
.home-masthead .home-hero{background:transparent;overflow:visible;isolation:auto}
.home-masthead .home-hero::before{display:none}
.home-masthead .hero-art{pointer-events:none}
.home-masthead .hero-baseline>span:last-child{background:transparent}
@media(min-width:701px) and (max-width:1100px){
    .home-masthead{background-size:1463px 533px;background-position:calc(50% - 154px) top}
}
@media(max-width:700px){
    .home-masthead{background-size:961px 350px;background-position:calc(50% - 200px) bottom}
    .home-masthead .solutions-row{background-color:rgba(4,45,67,.58)}
    .home-masthead .hero-art{height:265px}
}
@media print{
    .home-masthead{background:white}
    .home-masthead .solutions-row{display:none}
}