/* ASL splash art behind the hero of product subdomains (steward, rbroker), 2026-10-11.
   Served from autosecurelogin.com, which those sites' CSP already allows for styles and images.
   Same treatment as the main site's hero: art on the right, scrim on the left, every edge faded. */
body.subsite-has-art{overflow-x:clip}
body.subsite-has-art main{position:relative;isolation:isolate}
/* anchored to the top of main and stretched to the full viewport width, so a tall header can never hide it */
.subsite-art{position:absolute;left:50%;width:100vw;transform:translateX(-50%);top:0;height:min(820px,100vh);z-index:-1;pointer-events:none;overflow:hidden;
  background:radial-gradient(58% 52% at 78% 22%, rgba(76,154,255,.16), transparent 72%);
  /* the whole layer fades out at the bottom, so it never ends in a line against the page */
  -webkit-mask-image:linear-gradient(180deg, #000 0, #000 68%, transparent 100%);mask-image:linear-gradient(180deg, #000 0, #000 68%, transparent 100%)}
.subsite-art img{position:absolute;top:52%;right:-4%;width:min(64vw,1160px);height:auto;max-width:none;transform:translateY(-50%);opacity:.66;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 34%, #000 100%), linear-gradient(180deg, transparent 0%, #000 18%, #000 80%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg, transparent 0%, #000 34%, #000 100%), linear-gradient(180deg, transparent 0%, #000 18%, #000 80%, transparent 100%);
  mask-composite:intersect}
.subsite-art::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg, rgba(4,9,20,.94) 0%, rgba(4,9,20,.82) 34%, rgba(4,9,20,.3) 60%, rgba(4,9,20,.1) 100%)}
@media (max-width:800px){
  .subsite-art{height:20rem}
  .subsite-art img{left:50%;right:auto;top:.4rem;height:17.5rem;width:auto;transform:translateX(-50%);opacity:.96;
    -webkit-mask-image:linear-gradient(180deg, #000 0, #000 58%, transparent 100%);-webkit-mask-composite:source-over;
    mask-image:linear-gradient(180deg, #000 0, #000 58%, transparent 100%);mask-composite:add}
  .subsite-art::before{background:linear-gradient(180deg, rgba(4,9,20,.05) 0, rgba(4,9,20,.05) 9rem, rgba(4,9,20,.9) 17rem)}
  body.subsite-has-art main{padding-top:15rem !important}
}