/* Dreams Destinations splash: arcs and name wipe in, plane flies onto the logo */
#dream-splash{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;
background:radial-gradient(60% 50% at 20% 20%,rgba(117,204,9,.13),transparent 70%),radial-gradient(60% 50% at 85% 85%,rgba(7,179,218,.14),transparent 70%),#fff;
animation:dsOut .25s ease .75s forwards}
#dream-splash .ds-inner{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%}
#dream-splash .ds-logo{position:relative;width:min(640px,86vw);aspect-ratio:1783/719}
#dream-splash .ds-logo img{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
#dream-splash .ds-base{clip-path:inset(0 100% 0 0);animation:dsWipe .45s cubic-bezier(.65,0,.35,1) .05s forwards}
#dream-splash .ds-plane{opacity:0;transform-origin:32% 12%;transform:translate(-22%,46%) rotate(-10deg) scale(.5);
animation:dsFly .4s cubic-bezier(.2,.8,.25,1.08) .3s forwards,dsFloat 2.6s ease-in-out .7s infinite}
#dream-splash .ds-bar{margin-top:34px;width:min(220px,50vw);height:4px;border-radius:4px;background:rgba(7,179,218,.15);overflow:hidden}
#dream-splash .ds-bar i{display:block;height:100%;background:linear-gradient(90deg,#75CC09,#07B3DA);transform:scaleX(0);transform-origin:left;animation:dsBar .75s linear .05s forwards}
@keyframes dsWipe{to{clip-path:inset(0 0 0 0)}}
@keyframes dsFly{60%{opacity:1}to{opacity:1;transform:none}}
@keyframes dsFloat{0%,100%{translate:0 0}50%{translate:6px -6px}}
@keyframes dsBar{to{transform:scaleX(1)}}
@keyframes dsOut{to{opacity:0;visibility:hidden;transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){#dream-splash .ds-base{animation:dsWipe .01s forwards}#dream-splash .ds-plane{animation:dsFly .01s forwards}}