/* Responsive, crawlable scene images. Artwork and layout remain unchanged.
   Scoped to server-rendered picture elements; technical Canvas is untouched. */
html body main [data-hj-scene-hero][data-hj-scene-hero][data-hj-scene-hero]{
  position:relative;
  isolation:isolate;
  background-image:none!important;
}
html body main [data-hj-scene-hero][data-hj-scene-hero][data-hj-scene-hero][data-hj-scene-layer="before"]::before{
  display:none!important;
  background-image:none!important;
}
html body main [data-hj-scene-hero]>.hj-scene-picture{
  display:block!important;
  position:absolute!important;
  inset:0 0 auto!important;
  z-index:-1!important;
  width:100%!important;
  height:var(--hj-scene-desktop-height,720px)!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  pointer-events:none;
  background:#041120;
}
html body main [data-hj-scene-hero]>.hj-scene-picture>img{
  display:block!important;
  position:static!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover;
  object-position:var(--hj-scene-desktop-position,50% 50%);
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  aspect-ratio:auto!important;
}
html body main [data-hj-scene-hero]>.hj-scene-picture::after{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  background-image:var(--hj-scene-desktop-shade,none);
  background-size:cover;
  pointer-events:none;
}
@media(min-width:768px) and (max-width:1023px){
  html body main [data-hj-scene-hero][data-hj-scene-layer="before"]>.hj-scene-picture::after{
    background-image:linear-gradient(0deg,#041120,transparent 25%),linear-gradient(90deg,rgba(3,12,26,.96),rgba(3,12,26,.62));
  }
}
@media(max-width:767px){
  /* Keep a wrapped illustration disclosure inside the 260px scene, clear of
     the first heading. Static project-hub disclosures retain their flow. */
  html body main [data-hj-scene-hero][data-hj-scene-layer="main"]::after{
    top:210px!important;
  }
  html body main [data-hj-scene-hero]>.hj-scene-picture{
    height:260px!important;
  }
  html body main [data-hj-scene-hero]>.hj-scene-picture>img{
    object-position:var(--hj-scene-mobile-position,66% 0%);
  }
  html body main [data-hj-scene-hero]>.hj-scene-picture::after{
    background-image:var(--hj-scene-mobile-shade,none);
  }
}