/* V16 final responsive hero separation */
.program-mobile-arrow{position:relative!important;display:grid!important;place-items:center!important;padding:0!important;line-height:0!important;overflow:hidden!important}
.program-mobile-arrow::before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:24px!important;height:24px!important;margin:0!important;border:0!important;border-radius:0!important;background-repeat:no-repeat!important;background-position:center!important;background-size:24px 24px!important;transform:translate(-50%,-50%)!important}
.program-mobile-arrow--prev::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 4.5 8 12l7.5 7.5' fill='none' stroke='%23fff' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.program-mobile-arrow--next::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8.5 4.5 7.5 7.5-7.5 7.5' fill='none' stroke='%23fff' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}

@media (min-width:1281px){
  .ref-hero{min-height:700px!important;height:700px!important;overflow:hidden!important}
  .ref-hero__inner{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr)!important;gap:26px!important;min-height:700px!important;height:700px!important;padding-top:70px!important;padding-bottom:70px!important}
  .ref-hero__copy{max-width:650px!important;align-self:center!important;padding-bottom:54px!important;text-align:left!important}
  .ref-hero h1{font-size:clamp(48px,4.6vw,64px)!important;line-height:1.03!important;text-align:left!important}
  .ref-hero p{max-width:620px!important;margin:24px 0 0!important;font-size:18px!important;line-height:1.48!important;text-align:left!important}
  .ref-actions{justify-content:flex-start!important;margin-top:30px!important}
  .hero-people{position:relative!important;inset:auto!important;align-self:stretch!important;min-height:560px!important;height:auto!important;overflow:visible!important}
  .hero-people__stage{position:absolute!important;inset:0!important;overflow:visible!important}
  .hero-people__halo{left:52%!important;right:auto!important;bottom:-92px!important;width:min(650px,112%)!important;transform:translateX(-50%)!important}
  .hero-person--one{--person-width:102%!important;--person-right:-4%!important;--person-bottom:-112px!important}
  .hero-person--two{--person-width:99%!important;--person-right:-2%!important;--person-bottom:-120px!important}
  .hero-person--three{--person-width:70%!important;--person-right:12%!important;--person-bottom:-122px!important}
  .hero-person--four{--person-width:91%!important;--person-right:1%!important;--person-bottom:-124px!important}
  .ref-hero::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;width:100%!important;height:178px!important;z-index:8!important;background:transparent url('../assets/images/brand/hero-divider-v8.svg') center bottom/100% 100% no-repeat!important;border-radius:0!important;transform:none!important;pointer-events:none!important}
}

@media (min-width:1021px) and (max-width:1280px){
  .ref-hero{min-height:620px!important;height:620px!important;overflow:hidden!important}
  .ref-hero__inner{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(330px,.82fr)!important;gap:16px!important;min-height:620px!important;height:620px!important;padding:88px 0 54px!important}
  .ref-hero__copy{max-width:590px!important;align-self:center!important;padding-bottom:20px!important;text-align:left!important}
  .ref-hero h1{font-size:clamp(42px,4.5vw,55px)!important;line-height:1.02!important;text-align:left!important}
  .ref-hero p{max-width:570px!important;margin:20px 0 0!important;font-size:16px!important;line-height:1.48!important;text-align:left!important}
  .ref-actions{justify-content:flex-start!important;margin-top:24px!important}
  .hero-people{position:relative!important;inset:auto!important;min-height:470px!important;height:auto!important;align-self:stretch!important;overflow:visible!important}
  .hero-people__stage{position:absolute!important;inset:0!important;overflow:visible!important}
  .hero-people__halo{left:50%!important;right:auto!important;bottom:-90px!important;width:510px!important;transform:translateX(-50%)!important}
  .hero-person--one{--person-width:390px!important;--person-right:calc(50% - 195px)!important;--person-bottom:-105px!important}
  .hero-person--two{--person-width:400px!important;--person-right:calc(50% - 200px)!important;--person-bottom:-110px!important}
  .hero-person--three{--person-width:290px!important;--person-right:calc(50% - 145px)!important;--person-bottom:-112px!important}
  .hero-person--four{--person-width:355px!important;--person-right:calc(50% - 177.5px)!important;--person-bottom:-112px!important}
  .ref-hero::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;width:100%!important;height:150px!important;z-index:8!important;background:transparent url('../assets/images/brand/hero-divider-v8.svg') center bottom/100% 100% no-repeat!important;border-radius:0!important;transform:none!important}
}

@media (min-width:781px) and (max-width:1020px){
  .ref-hero{overflow:hidden!important}
  .hero-people{overflow:visible!important}
  .hero-people__stage{overflow:visible!important}
  .ref-hero::after{content:""!important;left:0!important;right:0!important;bottom:-1px!important;width:100%!important;height:125px!important;background:transparent url('../assets/images/brand/hero-divider-v8.svg') center bottom/100% 100% no-repeat!important;border-radius:0!important;transform:none!important}
}

@media (max-width:780px){
  .ref-hero{overflow:hidden!important}
  .ref-hero__inner{padding-top:106px!important}
  .ref-hero__copy{position:relative!important;z-index:7!important}
  .ref-hero h1,.ref-hero p{text-align:center!important}
  .ref-actions{justify-content:center!important;margin-top:14px!important}
  .hero-people{width:min(390px,92vw)!important;height:225px!important;margin:-52px auto 0!important;overflow:hidden!important}
  .hero-people__stage{overflow:hidden!important}
  .hero-people__halo{left:50%!important;right:auto!important;bottom:-78px!important;width:330px!important;transform:translateX(-50%)!important}
  .hero-person--one{--person-width:286px!important;--person-right:calc(50% - 143px)!important;--person-bottom:-58px!important}
  .hero-person--two{--person-width:294px!important;--person-right:calc(50% - 147px)!important;--person-bottom:-60px!important}
  .hero-person--three{--person-width:206px!important;--person-right:calc(50% - 103px)!important;--person-bottom:-61px!important}
  .hero-person--four{--person-width:254px!important;--person-right:calc(50% - 127px)!important;--person-bottom:-60px!important}
  .ref-hero::after{left:50%!important;right:auto!important;bottom:-36px!important;width:136%!important;height:72px!important;transform:translateX(-50%)!important;background:#fff!important;border-radius:50% 50% 0 0 / 100% 100% 0 0!important}
  .program-mobile-controls{align-items:center!important}
  .program-mobile-arrow{width:58px!important;height:58px!important;border-radius:17px!important}
  .program-mobile-arrow::before{width:25px!important;height:25px!important;background-size:25px 25px!important}
}

@media (max-width:390px){
  .ref-hero__inner{padding-top:100px!important}
  .hero-people{width:min(360px,94vw)!important;height:215px!important;margin-top:-48px!important}
  .hero-person--one{--person-width:270px!important;--person-right:calc(50% - 135px)!important}
  .hero-person--two{--person-width:278px!important;--person-right:calc(50% - 139px)!important}
  .hero-person--three{--person-width:195px!important;--person-right:calc(50% - 97.5px)!important}
  .hero-person--four{--person-width:240px!important;--person-right:calc(50% - 120px)!important}
}
