/* Phone portrait only; one cue disappears on the first downward scroll. */
.header-scroll-cue{display:none}
@media(max-width:767px) and (orientation:portrait){
.header-scroll-cue{display:block;position:fixed;left:50%;bottom:12%;width:22px;height:22px;margin-left:-11px;z-index:2;pointer-events:none;animation:header-scroll-down 1.8s ease-in-out infinite;filter:drop-shadow(0 1px 3px rgba(1,147,188,.8))}
#header .header-scroll-cue{position:absolute;left:50%;bottom:12%;z-index:2}
.header-scroll-cue::before{content:"";display:block;width:16px;height:16px;margin:0 auto;border-right:3px solid white;border-bottom:3px solid white;transform:rotate(45deg)}
}
@keyframes header-scroll-down{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(12px);opacity:1}}
@media(prefers-reduced-motion:reduce){.header-scroll-cue{animation:none !important;opacity:1}}