/* v36 — final cleanup: lower hero cutouts behind the wave and remove the dark map halo.
   Scope intentionally tiny: only the two defects reported after v35. */

/* 1) Main hero: the children should sit a bit lower so the white wave overlaps the lower part of the cutouts. */
.ref-hero{overflow:hidden!important}
.hero-people{overflow:visible!important}
.hero-person--one{--person-bottom:-22px!important}
.hero-person--two{--person-bottom:-28px!important}
.hero-person--three{--person-bottom:-30px!important}
.hero-person--four{--person-bottom:-28px!important}

@media (max-width:1180px){
  .hero-person--one{--person-bottom:-26px!important}
  .hero-person--two{--person-bottom:-31px!important}
  .hero-person--three{--person-bottom:-33px!important}
  .hero-person--four{--person-bottom:-31px!important}
}

@media (max-width:780px){
  .hero-person--one{--person-bottom:-32px!important}
  .hero-person--two{--person-bottom:-36px!important}
  .hero-person--three{--person-bottom:-38px!important}
  .hero-person--four{--person-bottom:-36px!important}
}

@media (max-width:520px){
  .hero-person--one{--person-bottom:-28px!important}
  .hero-person--two{--person-bottom:-32px!important}
  .hero-person--three{--person-bottom:-34px!important}
  .hero-person--four{--person-bottom:-32px!important}
}

/* Match the accessibility version too: keep the CTA safe while nudging the cutouts below the wave. */
body.vision-mode .hero-person--one{--person-bottom:-22px!important}
body.vision-mode .hero-person--two{--person-bottom:-28px!important}
body.vision-mode .hero-person--three{--person-bottom:-30px!important}
body.vision-mode .hero-person--four{--person-bottom:-28px!important}

@media (max-width:780px){
  body.vision-mode .hero-person--one{--person-bottom:-32px!important}
  body.vision-mode .hero-person--two{--person-bottom:-36px!important}
  body.vision-mode .hero-person--three{--person-bottom:-38px!important}
  body.vision-mode .hero-person--four{--person-bottom:-36px!important}
}

/* 2) Map card: keep only the clean card and let the figure provide the visual frame. */
.ref-map{overflow:hidden!important}
.ref-map img{display:block!important;width:100%!important;height:auto!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important}
