/* Frame the full image, using added white headroom as the top fade zone. */
#main .warfield-hero{background:#1b1029!important;padding-top:0!important}
#main .warfield-hero>img{
 box-sizing:content-box!important;
 border-top:40px solid #fff!important;
 border-bottom:0!important;
 width:100%!important;height:auto!important;
 aspect-ratio:auto!important;
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 40px,#000 82%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0,#000 40px,#000 82%,transparent 100%);
}
#main .warfield-hero .warfield-copy{background:linear-gradient(90deg,#1b1029,#1b1029f0 70%,#1b102900)!important}
@media(max-width:700px){
 #main .warfield-hero .warfield-copy{background:linear-gradient(180deg,#1b1029,#100e16)!important}
 #main .warfield-hero+.warfield-content{background:radial-gradient(ellipse at top,#1b1029,#080909 65%)!important}
}