@keyframes scale-down{0%{opacity:0;transform:scale(1.25)}30%{opacity:1}to{opacity:1;transform:none}}.hero-slide{display:flex;flex-direction:column-reverse;justify-content:flex-end;overflow:clip;width:100%}@media (min-width:48rem){.hero-slide{--overlap:60px;flex-direction:row-reverse}.hero-slide__image{flex-shrink:0;height:calc((100dvh - var(--header-height))*.75);min-height:500px;width:60%}.hero-slide__text{align-self:flex-end;background-color:var(--section-background-color,var(--background-color));margin-left:calc(var(--overlap)*-1);padding:50px 50px 80px;padding-right:var(--container-margin)}}@media (min-width:64rem){.hero-slide{--overlap:250px}}@media not screen and (min-width:48rem){.hero-slide__image{height:var(--image-height);width:100%}.hero-slide__text{padding:50px var(--container-margin)}}.hero-slide__image{overflow:hidden;position:relative;z-index:0}.hero-slide__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (prefers-reduced-motion:no-preference){.hero-slide__image img{animation:scale-down 2s ease-out .2s forwards;opacity:0}.splide__slide:not(.is-active) .hero-slide__image img{animation:none}}.hero-slide__text{position:relative;z-index:100}.hero-slide__text:after{background-image:url(//cdn2.hubspot.net/hubfs/467321/raw_assets/public/alma-mater/assets/images/logo-badge.svg);background-size:contain;content:"";height:357px;position:absolute;right:-40px;top:23px;width:266px}@media (min-width:48rem){.hero-slide__text:after{bottom:160px;height:401px;right:var(--container-margin);top:auto;width:299px}}@media (prefers-reduced-motion:no-preference){.hero-slide__text .theme-text,.hero-slide__text:after{--animation-offset:7vh;--animation-duration:0.55s;--animation-delay:0.4s;animation:fade-in-up var(--animation-duration) var(--animation-delay) ease-out forwards;opacity:0}.hero-slide__text:after{animation-delay:calc(var(--animation-duration)/2 + var(--animation-delay));animation-name:fade-in-down}.splide__slide:not(.is-active) .hero-slide__text .theme-text,.splide__slide:not(.is-active) .hero-slide__text:after{animation:none}}.hero-carousel{--image-height:min(40vh,307px)}.hero-carousel .splide__slide{display:flex}.hero-carousel .splide__arrows{left:0;right:auto}@media not screen and (min-width:48rem){.hero-carousel .splide__arrows{bottom:auto;top:calc(var(--image-height) - var(--arrow-size))}}