/* Slider layer on top of the original .academy-home-hero styles (Layout.css). */
.hero-slider{position:relative;margin-top:22px}
.hero-track{display:grid}
.hero-track>.hero-slide{grid-area:1/1;margin-top:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}
.hero-track>.hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .5s ease}
.hero-title{letter-spacing:-.035em;font-size:clamp(2.35rem,3.5vw,3.2rem);line-height:1.15;margin:0}
.hero-title span{color:#076b33}
@media (width<=850px){.hero-title{font-size:2.7rem}}
@media (width<=560px){.hero-slider{margin-top:16px}.hero-title{font-size:2.15rem}}
@media (prefers-reduced-motion:reduce){.hero-track>.hero-slide,.hero-track>.hero-slide.is-active{transition:none}}