﻿/* Only transform/opacity animate. Every animation is finite; JS removes the layer. */
.uo-arrival{position:fixed;left:0;top:0;width:100%;height:100px;z-index:1;pointer-events:none!important;overflow:hidden;overflow:clip;contain:layout paint;isolation:isolate;user-select:none;--ua-crow:#080e17;--ua-outline:#90a2ad;--ua-flap:520ms;--ua-beats:12}
.uo-arrival,.uo-arrival *{box-sizing:border-box;pointer-events:none!important}
.uo-arrival-in-hero{position:absolute;inset:0;width:100%;height:min(50%,116px);border-radius:inherit}
.uo-arrival-bird{position:absolute;left:0;top:0;width:64px;height:43px;opacity:0;will-change:transform,opacity;animation:uo-arrival-flight var(--ua-flight,5900ms) cubic-bezier(.22,.38,.52,1) var(--ua-delay,0ms) 1 both}
.uo-arrival-bird svg{display:block;width:64px;height:43px;overflow:visible;fill:var(--ua-crow);stroke:var(--ua-outline);stroke-width:.65;stroke-opacity:.3}
.uo-arrival-crow-left{transform:scaleX(-1)}
.uo-arrival-wing{transform-box:view-box;transform-origin:47px 32px;will-change:transform;animation:uo-arrival-flap var(--ua-flap) ease-in-out 0ms var(--ua-beats) alternate both}
.uo-arrival-wing-far{opacity:.75;animation-delay:-150ms}
.uo-arrival-fog{position:absolute;left:-14%;top:8%;width:84%;height:90%;opacity:0;background:radial-gradient(ellipse at 27% 60%,rgba(173,198,215,.7),rgba(139,170,193,.22) 32%,transparent 65%);will-change:transform,opacity;animation:uo-arrival-mist 6400ms ease-out 1 both}
.uo-arrival-fog-1{left:44%;top:-12%;width:72%;height:120%;background:radial-gradient(ellipse at 55% 48%,rgba(177,201,218,.62),rgba(145,173,194,.18) 35%,transparent 68%);animation-name:uo-arrival-mist-back;animation-duration:6100ms}
.uo-arrival-mobile{--ua-flap:430ms;--ua-beats:9}
.uo-arrival-mobile .uo-arrival-fog{animation-duration:4000ms}
html[data-uo-theme='night'] .uo-arrival{--ua-crow:#080b10;--ua-outline:#b2c0ca}
html[data-uo-theme='light'] .uo-arrival{--ua-crow:#1a2831;--ua-outline:#3a4e5a}
@keyframes uo-arrival-flight{0%{opacity:0;transform:translate3d(var(--ua-x0),var(--ua-y0),0) rotate(var(--ua-angle)) scale(var(--ua-scale))}9%{opacity:.8}45%{opacity:.72;transform:translate3d(var(--ua-x1),var(--ua-y1),0) rotate(0deg) scale(var(--ua-scale))}85%{opacity:.5}100%{opacity:0;transform:translate3d(var(--ua-x2),var(--ua-y2),0) rotate(var(--ua-angle)) scale(.4)}}
@keyframes uo-arrival-flap{0%{transform:rotate(-9deg) scaleY(1)}100%{transform:rotate(16deg) scaleY(.22)}}
@keyframes uo-arrival-mist{0%{opacity:0;transform:translate3d(-5%,6%,0) scale(1)}23%{opacity:.14}65%{opacity:.075}100%{opacity:0;transform:translate3d(20%,-8%,0) scale(1.08)}}
@keyframes uo-arrival-mist-back{0%{opacity:0;transform:translate3d(8%,0,0) scale(1)}30%{opacity:.105}68%{opacity:.055}100%{opacity:0;transform:translate3d(-16%,7%,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.uo-arrival{display:none!important}.uo-arrival *{animation:none!important}}
