/* EngiTools cinematic hero transition — pinned hero + full-cover next section. */
.hero-scroll-scene{
  --hero-cover-gap:0px;
  position:relative;
  background:var(--brand-ink,#0a0a0a);
  isolation:isolate;
  z-index:1;
  overflow:visible;
}
.hero-scroll-scene>.home-hero{
  position:sticky!important;
  top:0;
  height:100svh!important;
  min-height:100svh!important;
  width:100%;
  transform-origin:50% 8%;
  will-change:transform,filter,opacity,border-radius;
  backface-visibility:hidden;
  overflow:hidden;
  z-index:1;
  background-color:var(--brand-ink,#0a0a0a)!important;
  background-image:
    linear-gradient(90deg,rgba(5,7,9,.08) 0%,rgba(5,7,9,.16) 43%,rgba(5,7,9,.72) 72%,rgba(5,7,9,.94) 100%),
    url('/static/hero-integrated-mep-v1.jpg?v=20260822-0942')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.hero-scroll-scene>.home-hero .hero-grid{will-change:transform,opacity}
.hero-scroll-scene>.home-hero .blueprint-card{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.hero-scroll-scene>.home-hero .blueprint-card:before,
.hero-scroll-scene>.home-hero .blueprint-card:after,
.hero-scroll-scene>.home-hero .companion-orbit{display:none!important}

/* The workflow sheet remains in normal flow inside the same scene and crosses
   over the sticky hero. The hero cannot scroll away until this sheet has
   travelled over the viewport and the scene reaches its end. */
.hero-scroll-scene>.hero-overlap-next{
  position:relative!important;
  z-index:5!important;
  min-height:100svh;
  margin-top:var(--hero-cover-gap)!important;
  background:var(--brand-paper,#f3f3ef)!important;
  border-radius:24px 24px 0 0;
  box-shadow:0 -1px 0 rgba(255,255,255,.16),0 -30px 90px rgba(0,0,0,.16);
  overflow:clip;
  isolation:isolate;
}
.hero-scroll-scene>.hero-overlap-next:after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:rgba(10,10,10,.18);
  pointer-events:none;
}

@media(max-width:980px){
  .hero-scroll-scene>.hero-overlap-next{border-radius:18px 18px 0 0}
  .hero-scroll-scene>.home-hero{background-position:42% center!important}
}
@media(max-width:640px){
  .hero-scroll-scene>.home-hero{
    height:100svh!important;
    min-height:100svh!important;
    padding-top:96px!important;
    background-image:
      linear-gradient(180deg,rgba(5,7,9,.30) 0%,rgba(5,7,9,.62) 46%,rgba(5,7,9,.94) 100%),
      url('/static/hero-integrated-mep-v1.jpg?v=20260822-0942')!important;
    background-position:37% center!important;
  }
  .hero-scroll-scene>.hero-overlap-next{
    border-radius:14px 14px 0 0;
    box-shadow:0 -1px 0 rgba(255,255,255,.14),0 -18px 54px rgba(0,0,0,.12);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-scroll-scene{background:transparent!important}
  .hero-scroll-scene>.home-hero{
    position:relative!important;
    height:auto!important;
    min-height:88svh!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    border-radius:0!important;
    will-change:auto!important;
  }
  .hero-scroll-scene>.hero-overlap-next{
    min-height:0!important;
    margin-top:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}