/* Purpose slide uses the same height as the other three slides. */
.hero.purpose-slide h1{font-size:clamp(36px,3.3vw,52px);line-height:1.1;letter-spacing:-.035em}
.hero.purpose-slide .hero-copy{max-width:650px;padding-top:0}
.hero.purpose-slide .hero-desc{max-width:560px;font-size:14px;line-height:1.6;margin-top:16px}
.hero.purpose-slide .eyebrow{margin-bottom:16px}
.hero.purpose-slide .button{margin-top:18px}
.hero .slide-tabs{width:880px;gap:25px}
.hero .slide-tabs button:focus-visible{outline:2px solid #a9e4d7;outline-offset:5px}
.hero.purpose-slide .purpose-image{object-position:center}
@media(min-width:701px) and (max-width:1100px){.hero.purpose-slide h1{font-size:38px}.hero.purpose-slide .hero-copy{max-width:550px}.hero .slide-tabs{gap:15px}.slide-num{margin-right:6px}}
@media(max-width:700px){
 .hero .slide-tabs{width:100%;gap:14px}
 .hero .slide-tabs button{font-size:10px}
 .hero.purpose-slide .hero-copy{width:100%;padding-top:0}
 .hero.purpose-slide h1{font-size:clamp(27px,7.2vw,40px);line-height:1.14}
 .hero.purpose-slide .hero-desc{font-size:14px;line-height:1.6;margin-top:16px;max-width:100%}
 .hero.purpose-slide .eyebrow{margin-bottom:16px}
 .hero.purpose-slide .purpose-image{object-position:72% center}
}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-images img.active{animation:none}.hero-images img{transition:none}}