/* v37 — accessibility hero cutouts + map card cleanup */

/* Accessibility mode: lower the hero cutouts further and slightly deepen the white wave,
   so the lower part of the children is hidden behind the wave instead of ending abruptly. */
body.vision-mode .ref-hero{
  min-height: 700px !important;
}
body.vision-mode .ref-hero__inner{
  min-height: 700px !important;
  padding-bottom: 128px !important;
}
body.vision-mode .ref-hero::after{
  height: 128px !important;
  bottom: -70px !important;
}
body.vision-mode .hero-people{
  align-self: end !important;
}
body.vision-mode .hero-person--one{--person-bottom:-86px !important}
body.vision-mode .hero-person--two{--person-bottom:-92px !important}
body.vision-mode .hero-person--three{--person-bottom:-96px !important}
body.vision-mode .hero-person--four{--person-bottom:-94px !important}
body.vision-mode .hero-people__dots{bottom:44px !important}

@media (max-width:1180px){
  body.vision-mode .ref-hero{min-height:680px !important}
  body.vision-mode .ref-hero__inner{min-height:680px !important;padding-bottom:120px !important}
  body.vision-mode .hero-person--one{--person-bottom:-74px !important}
  body.vision-mode .hero-person--two{--person-bottom:-80px !important}
  body.vision-mode .hero-person--three{--person-bottom:-84px !important}
  body.vision-mode .hero-person--four{--person-bottom:-82px !important}
}

@media (max-width:780px){
  body.vision-mode .ref-hero{min-height:790px !important}
  body.vision-mode .ref-hero__inner{min-height:790px !important;padding-bottom:0 !important}
  body.vision-mode .ref-hero::after{height:116px !important; bottom:-62px !important}
  body.vision-mode .hero-person--one{--person-bottom:-52px !important}
  body.vision-mode .hero-person--two{--person-bottom:-58px !important}
  body.vision-mode .hero-person--three{--person-bottom:-62px !important}
  body.vision-mode .hero-person--four{--person-bottom:-60px !important}
  body.vision-mode .hero-people__dots{bottom:60px !important}
}

@media (max-width:520px){
  body.vision-mode .ref-hero{min-height:770px !important}
  body.vision-mode .ref-hero__inner{min-height:770px !important}
  body.vision-mode .hero-person--one{--person-bottom:-44px !important}
  body.vision-mode .hero-person--two{--person-bottom:-48px !important}
  body.vision-mode .hero-person--three{--person-bottom:-52px !important}
  body.vision-mode .hero-person--four{--person-bottom:-50px !important}
}

/* Make sure the camp map itself has no visible dark frame in any mode. */
.ref-map{overflow:hidden !important; background:#f6f6f6 !important}
.ref-map img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:none !important;
}