/* v42 — polish accessibility mode layout
   1) Fix hero bottom wave and remove leftover dots/people artifacts.
   2) Remove the winter promo poster in accessibility mode and center the full text layout. */

/* --- Accessibility hero --- */
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,
body.vision-mode .hero-people__dots--edge{
  display:none !important;
}

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:170px !important;
}

body.vision-mode .ref-hero__copy,
body.vision-mode .ref-hero__copy h1,
body.vision-mode .ref-hero__copy h1 span,
body.vision-mode .ref-hero__copy p{
  text-align:center !important;
}

body.vision-mode .ref-hero__copy{
  width:min(100%, 900px) !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding:0 !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:26ch !important;
}

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

/* Make the white wave broader and longer so it does not end too early on the right. */
body.vision-mode .ref-hero::after{
  content:"" !important;
  position:absolute !important;
  z-index:8 !important;
  left:50% !important;
  bottom:-118px !important;
  width:calc(100% + 340px) !important;
  height:240px !important;
  transform:translateX(-50%) !important;
  background:#f7f7f7 !important;
  border-radius:50% 50% 0 0 / 100% 100% 0 0 !important;
  pointer-events:none !important;
}

body.vision-mode .ref-hero__copy,
body.vision-mode .ref-actions{
  position:relative !important;
  z-index:12 !important;
}

@media (max-width:1180px){
  body.vision-mode .ref-hero__inner{
    min-height:700px !important;
    padding-bottom:154px !important;
  }
  body.vision-mode .ref-hero::after{
    width:calc(100% + 260px) !important;
    height:210px !important;
    bottom:-104px !important;
  }
}

@media (max-width:760px){
  body.vision-mode .ref-hero__inner{
    min-height:620px !important;
    padding-bottom:112px !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-hero::after{
    width:calc(100% + 160px) !important;
    height:128px !important;
    bottom:-58px !important;
  }
}

/* --- Accessibility winter promo --- */
body.vision-mode .home-winter-showcase__poster{
  display:none !important;
}

body.vision-mode .home-winter-showcase__card{
  grid-template-columns:1fr !important;
}

body.vision-mode .home-winter-showcase__content{
  max-width:860px !important;
  margin:0 auto !important;
  text-align:center !important;
}

body.vision-mode .home-winter-showcase__content h2,
body.vision-mode .home-winter-showcase__dates,
body.vision-mode .home-winter-showcase__lead,
body.vision-mode .home-winter-showcase__note,
body.vision-mode .home-winter-showcase__tag{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.vision-mode .home-winter-showcase__list,
body.vision-mode .home-winter-showcase__facts{
  grid-template-columns:1fr !important;
  justify-items:center !important;
}

body.vision-mode .home-winter-showcase__list span,
body.vision-mode .home-winter-showcase__fact,
body.vision-mode .home-winter-showcase__fact strong,
body.vision-mode .home-winter-showcase__fact small{
  text-align:center !important;
}

body.vision-mode .home-winter-showcase__bottom{
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

body.vision-mode .home-winter-showcase__cta{
  width:min(100%, 420px) !important;
}