.scroll-cue{z-index:15;color:#ffffffe6;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;background:0 0;border:none;flex-direction:column;align-items:center;gap:.6rem;padding:.5rem 1rem;transition:color .3s,transform .3s;animation:1s .7s forwards scrollCueIn;display:flex;position:absolute;bottom:7.5rem;left:50%;transform:translate(-50%)}.scroll-cue:hover{color:#fff;transform:translate(-50%)translateY(-3px)}.scroll-cue-track{background:#ffffff47;border-radius:999px;width:2px;height:44px;position:relative;overflow:hidden;box-shadow:0 1px 6px #10243f40}.scroll-cue-track:after{content:"";background:linear-gradient(#0000,#fffffff2);border-radius:999px;height:45%;animation:2s cubic-bezier(.6,.04,.34,1) infinite scrollCueFlow;position:absolute;inset:0 0 auto;transform:translateY(-100%)}.scroll-cue-chevron{filter:drop-shadow(0 2px 8px #10243f8c);animation:2s ease-in-out infinite scrollCueBounce;display:block}@keyframes scrollCueIn{to{opacity:1}}@keyframes scrollCueFlow{0%{opacity:0;transform:translateY(-100%)}35%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(230%)}}@keyframes scrollCueBounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@media (max-width:768px){.scroll-cue{bottom:11rem}}@media (prefers-reduced-motion:reduce){.scroll-cue{opacity:1;animation:none}.scroll-cue-track:after,.scroll-cue-chevron{animation:none}.scroll-cue-track:after{opacity:.9;transform:translateY(0)}}