/* A contained sky vignette gives the flight room without covering content. */
.sky-journey{position:relative;overflow:hidden;height:220px;background:linear-gradient(180deg,#f7faf5 0%,#edf3f2 45%,#fcfbf7 100%);pointer-events:none;isolation:isolate}
.sky-stage{position:relative;max-width:1200px;width:100%;height:100%;margin:auto}
.sky-route{position:absolute;inset:10% 0;width:100%;height:80%;opacity:.45}
.sky-route path{fill:none;stroke:#9bae9f;stroke-width:1.3;stroke-dasharray:3 9;stroke-linecap:round;vector-effect:non-scaling-stroke}
.sky-cloud{position:absolute;width:clamp(180px,28vw,350px);height:auto;filter:drop-shadow(0 8px 9px #5d786318);transform:translate3d(var(--cloud-drift,0px),0,0)}
.sky-cloud--far{left:8%;top:-8%;width:clamp(160px,22vw,280px);opacity:.82;z-index:1}
.sky-cloud--near{right:9%;top:20%;z-index:3}
.sky-cloud--front{left:-6%;bottom:-24%;width:clamp(240px,34vw,440px);z-index:4}
.sky-plane{position:absolute;left:0;top:0;width:clamp(82px,10vw,135px);z-index:2;transform:translate3d(var(--flight-x,450px),var(--flight-y,55px),0) rotate(var(--flight-tilt,-8deg));filter:drop-shadow(0 6px 5px #34564724)}
.sky-plane img{width:100%;height:auto}
.sky-spark{position:absolute;font-size:17px;color:#bba47e;opacity:.75}.sky-spark--one{left:35%;top:24%}.sky-spark--two{right:12%;top:12%;font-size:11px}
.reveal-ready{opacity:0;translate:0 calc(var(--layer-shift,0px) + 16px);transition:opacity .7s ease,translate .8s cubic-bezier(.2,.7,.3,1)}
.reveal-ready.is-visible{opacity:1;translate:0 var(--layer-shift,0px)}
@media(max-width:760px){.sky-journey{height:180px}.sky-cloud--near{right:0%;top:27%}.sky-cloud--far{left:0%;top:-5%}.sky-cloud--front{bottom:-20%}.sky-spark--one{left:46%}}
@media(max-width:520px){.sky-journey{height:150px}.sky-cloud--near{right:-17%;width:205px;top:14%}.sky-cloud--far{left:-8%;width:160px}.sky-cloud--front{left:-25%;bottom:-26%;width:260px}.sky-route{opacity:.3}.sky-plane{width:86px}}
@media(orientation:landscape) and (max-height:600px){.sky-journey{height:160px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;translate:none}.sky-plane{left:44%;top:20%;transform:rotate(-8deg)}.sky-cloud{transform:none}}
@media print{.sky-journey{display:none}.reveal-ready{opacity:1;translate:none}}
