/* Hero colour: original art behind the top of the page that fades into the black background.
   Each page picks its artwork with --ma-glow on the element. The top scrim keeps the shared
   navigation readable over the brightest part of the art. */
.ma-glow{position:absolute;z-index:-1;top:0;left:0;right:0;height:1200px;overflow:hidden;pointer-events:none;background:var(--ma-glow) center top/max(100%,1500px) 1200px no-repeat;-webkit-mask-image:linear-gradient(#000 0,#000 480px,transparent 1200px);mask-image:linear-gradient(#000 0,#000 480px,transparent 1200px)}
.ma-glow::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.3) 140px,rgba(0,0,0,.22) 280px)}
@media (max-width:767px){.ma-glow{height:900px;background-size:auto 900px;-webkit-mask-image:linear-gradient(#000 0,#000 320px,transparent 900px);mask-image:linear-gradient(#000 0,#000 320px,transparent 900px)}}
/* Some pages paint black on body or a copy wrapper; isolating body keeps the art above that fill
   and below every piece of content, without changing any positioning. */
body:has(>.ma-glow){isolation:isolate}
body:has(>.ma-glow) .ma-mockallies-copy{background-color:transparent!important}