.scroll-guide{display:flex;align-items:center;gap:9px;flex-basis:100%;color:#fff4dc;pointer-events:none;opacity:1;transition:opacity .5s ease,transform .5s ease;text-shadow:0 1px 5px #092e29}
.scroll-guide[hidden]{display:none}
.scroll-guide.is-leaving{opacity:0;transform:translateY(4px)}
.scroll-guide svg{width:30px;height:38px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.scroll-guide-copy{display:flex;flex-direction:column;gap:3px}
.scroll-guide-copy strong{font-size:13px;font-weight:600;letter-spacing:.01em}
.scroll-guide-copy>span{font-size:11px;opacity:.8}
.scroll-guide .scroll-alternative{font-size:11px;opacity:.7;margin-left:10px;white-space:nowrap}
.scroll-guide .scroll-touch,.scroll-guide .scroll-mobile-copy{display:none}
.scroll-wheel{animation:scroll-wheel 2.2s ease-in-out 5}
.scroll-finger{animation:scroll-finger 2.4s ease-in-out 5}
.movie-controls:not(.guide-active) .scroll-guide{display:none}
@keyframes scroll-wheel{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(6px);opacity:1}}
@keyframes scroll-finger{0%,100%{transform:translateY(2px);opacity:.55}50%{transform:translateY(-5px);opacity:1}}
@media(max-width:700px){
 .scroll-guide{grid-column:1/-1;grid-row:1;margin:5px 0 3px;gap:7px}
 .scroll-guide .scroll-mouse,.scroll-guide .scroll-desktop-copy{display:none}
 .scroll-guide .scroll-touch,.scroll-guide .scroll-mobile-copy{display:block}
 .scroll-guide-copy strong{font-size:12px}.scroll-guide-copy>span{font-size:10px}
 .scroll-guide .scroll-alternative{font-size:10px;margin-left:auto}
 .movie-controls.guide-active #play,.movie-controls.guide-active .progress-label,.movie-controls.guide-active #ambient,.movie-controls.guide-active .watch-film{grid-row:2}
 .movie-controls.guide-active .cinematic-replays{grid-row:3}
}
@media(prefers-reduced-motion:reduce){.scroll-guide{display:none}.scroll-wheel,.scroll-finger{animation:none}}