/* v40 — simplify accessibility hero:
   remove the cutout people and center the copy/buttons like the mobile version. */

body.vision-mode .ref-hero{
  overflow:hidden !important;
}

body.vision-mode .ref-hero__inner{
  display:grid !important;
  grid-template-columns: 1fr !important;
  justify-items:center !important;
  align-items:center !important;
  min-height: 760px !important;
  padding-bottom: 150px !important;
}

body.vision-mode .ref-hero__copy{
  width:min(100%, 860px) !important;
  max-width:860px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  align-self:center !important;
  justify-self:center !important;
}

body.vision-mode .ref-hero__copy > *{
  margin-left:auto !important;
  margin-right:auto !important;
}

body.vision-mode .ref-hero__copy p{
  max-width: 28ch !important;
}

body.vision-mode .ref-actions{
  justify-content:center !important;
  align-items:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.vision-mode .hero-people,
body.vision-mode .hero-people__stage,
body.vision-mode .hero-person,
body.vision-mode .hero-people__halo,
body.vision-mode .hero-people__dots{
  display:none !important;
}

@media (max-width: 1180px){
  body.vision-mode .ref-hero__inner{
    min-height: 700px !important;
    padding-bottom: 140px !important;
  }
  body.vision-mode .ref-hero__copy{
    max-width: 760px !important;
  }
}

@media (max-width: 760px){
  body.vision-mode .ref-hero__inner{
    min-height: 620px !important;
    padding-bottom: 108px !important;
  }
  body.vision-mode .ref-hero__copy{
    width:min(100%, 620px) !important;
  }
  body.vision-mode .ref-hero__copy p{
    max-width: 22ch !important;
  }
  body.vision-mode .ref-actions{
    justify-content:center !important;
  }
}