/* V4: hero-only blending and spacing. All other page components are untouched. */
#how-ava-works-page .rwu-haw-hero {
  background:linear-gradient(105deg,#eff9ff 0%,#e8f6ff 50%,#e1f2ff 100%) !important;
  padding:46px 0 32px !important;
}
#how-ava-works-page .rwu-haw-hero-grid {
  min-height:390px !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important;
  gap:26px !important;
  align-items:center !important;
}
#how-ava-works-page .rwu-haw-hero-copy {
  padding:22px 0 !important;
  position:relative;
  z-index:1;
}
#how-ava-works-page .rwu-haw-hero-art {
  height:390px !important;
  overflow:hidden !important;
  border-radius:0 !important;
  align-self:center !important;
  background:transparent !important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 6%,#000 22%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 6%,#000 22%);
}
#how-ava-works-page .rwu-haw-hero-art img {
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
  object-fit:cover !important;
  object-position:center 42% !important;
}
@media(max-width:760px){
  #how-ava-works-page .rwu-haw-hero{padding:30px 0 22px !important;}
  #how-ava-works-page .rwu-haw-hero-grid{grid-template-columns:1fr !important;min-height:0 !important;gap:12px !important;}
  #how-ava-works-page .rwu-haw-hero-copy{padding:10px 0 0 !important;}
  #how-ava-works-page .rwu-haw-hero-art{height:auto !important;max-height:300px !important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);}
  #how-ava-works-page .rwu-haw-hero-art img{height:auto !important;max-height:300px !important;object-fit:contain !important;}
}