.front-cover{max-height:100vh;overflow:hidden}.front-cover .cover-content-container{position:absolute;top:0;bottom:0;width:100vw;color:var(--grey-900)}.front-cover .text-animations{position:absolute;top:50vh;width:100vw;padding:0 var(--p3);transform:translateY(-50%)}.front-cover span{font-weight:800;text-align:center;display:block}.front-cover img{height:40vh;width:100%;object-fit:cover}.front-cover video{width:100%;max-width:100vw;height:100vh;object-fit:cover;overflow-x:hidden}.front-cover .scroll-button{position:absolute;bottom:var(--p6);left:50%;color:var(--grey-900);transform:translateX(-50%);text-align:center}.front-cover .scroll-button span{width:var(--p3);height:var(--p5);border:2px solid var(--grey-900);border-radius:50px;margin:0 auto var(--p);display:block}.front-cover .scroll-button span:before{position:absolute;top:var(--p);left:50%;content:"";width:calc( var(--p-2) );height:calc( var(--p-2) );margin-left:calc(var(--p-4) * -1);background-color:var(--grey-900);border-radius:100%;animation:scroll 2s infinite}@keyframes scroll{0%{-webkit-transform:translate(0, 0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0, var(--p));opacity:0}100%{opacity:0}}.gradient-cover{background:linear-gradient(to bottom, #12100b 0%, #12100b 25%, white 74%, rgba(255, 255, 255, 0) 100%);mix-blend-mode:multiply;opacity:.56;position:absolute;top:0;bottom:0;left:0;width:100%}@media(min-width: 48rem){.front-cover .text-animations{top:50vh;padding:0 var(--p6)}.front-cover img{height:100vh;width:100%;object-fit:cover}.front-cover video{height:100vh}}