.animation-wrapper{position:relative;width:100%}.canvas-sticky{align-items:center;background-color:#036;display:flex;height:calc(100vh - 70px);justify-content:center;overflow:hidden;position:sticky;top:70px;width:100%}#hero-canvas{height:100%;object-fit:cover;object-position:center top!important;width:100%}.scroll-spacer{min-height:1vh}main{background:#036;position:relative;z-index:100}@media (max-width:768px){.canvas-sticky{height:calc(100vh - 60px);top:60px}}.scroll-indicator{align-items:center;bottom:30px;cursor:pointer;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);transition:opacity .5s ease,visibility .5s;z-index:20}.scroll-indicator span{animation:scroll-animate 2s infinite;border-bottom:3px solid #fb7f07;border-right:3px solid #fb7f07;display:block;filter:drop-shadow(0 0 5px rgba(251,127,7,.8));height:20px;margin:-10px;transform:rotate(45deg);width:20px}.scroll-indicator span:nth-child(2){animation-delay:-.2s}.scroll-indicator span:nth-child(3){animation-delay:-.4s}@keyframes scroll-animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(20px,20px)}}