.heroelement .hero__slide{--headline-clr: var(--white);position:relative;height:clamp(250px, 75rem, 70svh)}.heroelement .hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.heroelement .hero__media img,.heroelement .hero__media video{width:100%;height:100%;object-fit:cover}.heroelement .hero__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--white);z-index:1;transform:translateY(-100vh);transition:var(--transition-slow)}.heroelement .swiper-slide-active .hero__content{transform:translateY(0)}