.hero{color:var(--white);overflow:hidden;padding-top:10.4rem;position:relative}.hero :where(h1,h2,h3,h4,h5,h6){color:var(--white)}.hero:after{animation:animatedgradient 3s ease infinite alternate;background:linear-gradient(270deg,#4b00f5,#f50074 50%,#9d00f5);background-size:200% 100%;bottom:0;content:"";height:.8rem;left:0;position:absolute;width:100%}.hero--image{background-position:50%;background-repeat:no-repeat;background-size:cover}.hero--video{position:relative}.hero--image:before,.hero--video:before{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8));content:"";inset:0;mix-blend-mode:multiply;position:absolute}.hero--color{background-color:var(--oxford-blue)}.hero__slides{padding-left:2rem;position:relative;transform:translateY(calc(100% + 8rem));z-index:1}.hero__slides--carousel{margin-bottom:8rem;min-height:268px;transform:translateY(calc(100% + 16rem))}.hero__slides--narrow{max-width:58rem}.hero__slides--wide{max-width:98rem}.hero__slides:before{background:linear-gradient(180deg,var(--raspberry) 0,var(--night-purple) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.hero__buttons{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:3.2rem}.hero__video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:-1}@media(min-width:992px){.hero{padding-top:19.2rem}.hero__slides{padding-left:4rem;transform:translateY(calc(100% + 14rem))}.hero__slides--carousel{margin-bottom:12rem;transform:translateY(calc(100% + 26rem))}}.hero .flickity-page-dots .dot{background:var(--white);margin:0 1.6rem 0 0;position:relative;top:2px}.hero .flickity-prev-next-button{background:transparent;bottom:-8rem;color:var(--white);top:auto;-webkit-transform:none;transform:none}.hero .flickity-prev-next-button:active,.hero .flickity-prev-next-button:focus,.hero .flickity-prev-next-button:hover{color:var(--strawberry-pink)}.hero .flickity-prev-next-button.previous{left:2rem}.hero .flickity-prev-next-button.next{left:6.8rem}.hero .flickity-page-dots{bottom:-8rem;left:14.4rem;line-height:4.8rem;text-align:left}@media(min-width:992px){.hero .flickity-prev-next-button{bottom:-12rem}.hero .flickity-prev-next-button.previous{left:4rem}.hero .flickity-prev-next-button.next{left:8.8rem}.hero .flickity-page-dots{bottom:-12rem;left:15.2rem}}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}