.hero-scroll{display:block}.hero-scroll__track{position:relative;height:250vh;height:250svh}.hero-scroll--static .hero-scroll__track{height:100vh;height:100svh}#hero-scroll-weiter{display:block}.hero-scroll__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.hero-scroll__still,.hero-scroll__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-scroll__canvas{opacity:0;transition:opacity .2s ease}.hero-scroll__canvas--ready{opacity:1}.hero-scroll--static .hero-scroll__canvas{display:none}.hero-scroll__sticky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.4;pointer-events:none}.hero-scroll__content{position:absolute;left:50%;bottom:8%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#fff;text-align:center;width:min(90%,40rem);z-index:2}.hero-scroll__heading{margin:0;color:inherit}.hero-scroll__lines{position:relative;width:100%;height:1.8em}.hero-scroll__line{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity .2s ease}.hero-scroll__line--active{opacity:1}.hero-scroll__hint{position:absolute;left:50%;bottom:2%;transform:translate(-50%);color:#fff;z-index:2;opacity:1;transition:opacity .3s ease}.hero-scroll__hint:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-scroll__hint--settled svg{animation:none}@media(prefers-reduced-motion:no-preference){.hero-scroll__hint svg{animation:hero-scroll-hint-bounce 1.6s ease-in-out infinite}}@keyframes hero-scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hero-scroll.css.map */