/* Native scrolling, progressively enhanced with photographic layers and CSS depth. */
.flight-sticky{position:relative;overflow:hidden}
.flight-scene,.flight-controls{display:none}
.hero.hero-refined.flight-active{height:260svh!important;min-height:0!important;overflow:visible!important}
.flight-active .flight-sticky{position:sticky;top:0;height:100svh;min-height:650px}
.flight-active .flight-scene{display:block;position:absolute;inset:0;z-index:0;perspective:1000px;overflow:hidden;background:#04111e}
.flight-city{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}
.flight-drone{position:absolute;left:56%;top:16%;width:35%;max-width:600px;transform-style:preserve-3d;will-change:transform}
.flight-drone img{width:100%;height:auto;display:block;position:relative;z-index:2;filter:drop-shadow(0 15px 18px #00101d66)}
.flight-scan{position:absolute;z-index:1;left:32%;top:64%;width:65%;height:300px;background:linear-gradient(180deg,#60dff9aa,#38c9fa11);clip-path:polygon(38% 0,100% 100%,0 100%);opacity:var(--scan-opacity,.12);transform:translateZ(-15px);pointer-events:none}
html[dir=rtl] .flight-drone{left:auto;right:56%}
.flight-active .hero-gif-bg{visibility:hidden}
.flight-active .hero-shell{height:100%;min-height:0;padding-top:120px;padding-bottom:150px}
.flight-active .hero-content{pointer-events:auto}
.flight-active .hero-atmosphere{pointer-events:none;background:linear-gradient(90deg,#04111ef5 0%,#04111ee8 25%,#04111e70 48%,transparent 75%),linear-gradient(0deg,#04111e 0%,transparent 23%)}
html[dir=rtl] .flight-active .hero-atmosphere{background:linear-gradient(270deg,#04111ef5 0%,#04111ee8 25%,#04111e70 48%,transparent 75%),linear-gradient(0deg,#04111e,transparent 23%)}
.flight-active .hero-image-caption{display:none}
.flight-controls{position:absolute;z-index:4;bottom:115px;inset-inline-end:64px;align-items:center;gap:20px;color:#b8d3df;font-size:11px;max-width:45%}
.flight-active .flight-controls{display:flex}
.flight-ready:not(.flight-active) .flight-controls{display:flex;top:100px;bottom:auto;inset-inline-end:24px}
.flight-ready:not(.flight-active) .flight-label,.flight-ready:not(.flight-active) #flightSkip{display:none}
.flight-controls button,.flight-controls a{color:#d6edf5;background:#071a2bd9;border:1px solid #557788;border-radius:4px;padding:10px;min-height:44px;font:inherit;cursor:pointer}
.flight-label{display:flex;flex-direction:column;gap:7px;letter-spacing:.08em;font-size:9px}
.flight-track{height:2px;background:#3a5365;width:110px;overflow:hidden}
.flight-track i{display:block;width:100%;height:100%;background:#8ceafa;transform:scaleX(var(--flight-progress,0));transform-origin:left}
@media(max-width:1100px){.flight-controls{inset-inline-end:36px;gap:10px}.flight-label{display:none}}
@media(max-width:700px){
 .flight-drone,html[dir=rtl] .flight-drone{left:18%;right:auto;top:18%;width:68%;max-width:none}
 .flight-city{object-position:57% center}
 .flight-scan{height:210px}
 .hero.hero-refined.flight-active{height:220svh!important}
 .flight-active .flight-sticky{min-height:650px}
 .flight-active .hero-shell{display:flex;align-items:flex-end;padding:0 24px 100px}
 .flight-active .hero-content{width:100%!important}
 .flight-active .hero-title,html[dir=rtl] .flight-active .hero-title{font-size:clamp(32px,8.6vw,44px)!important;margin-bottom:15px!important;line-height:1.15!important}
 html[dir=rtl] .flight-active .hero-title{line-height:1.32!important}
 .flight-active .hero-eyebrow{margin-bottom:12px!important}
 .flight-active .hero-subline{font-size:13px!important;line-height:1.65!important;max-width:380px!important}
 .flight-active .hero-actions{margin-top:18px!important;gap:17px!important}
 .flight-active .hero-footnote,.flight-active .hero-capabilities{display:none}
 .flight-active .hero-atmosphere,html[dir=rtl] .flight-active .hero-atmosphere{background:linear-gradient(0deg,#04111e 0%,#04111ef5 27%,#04111e70 52%,transparent 75%)}
 .flight-controls{bottom:24px;inset-inline:24px;max-width:none;justify-content:space-between}
 .flight-label{display:flex;font-size:8px;max-width:110px}
 .flight-controls button,.flight-controls a{font-size:10px;padding:8px}
}
@media(prefers-reduced-motion:reduce){html[data-3d-active="false"] .flight-scene{display:none!important}}

@media(max-height:649px){.flight-ready:not(.flight-active) .flight-controls{display:none}}

/* V8.2: real phones must not hide the motion preference or disable the scene silently. */
@media(max-width:850px){.flight-ready:not(.flight-active) .flight-controls{display:flex!important;top:85px!important}.flight-controls button{min-width:92px}}

/* V8.4: align the projection with the drone body and let it follow the drone transform. */
.flight-scan{left:36%;top:49%;width:29%;height:210px;transform:translateZ(-8px);clip-path:polygon(50% 0,100% 100%,0 100%);filter:blur(7px);opacity:calc(var(--scan-opacity,.12) * .8);pointer-events:none}
@media(max-width:700px){.flight-scan{left:37%;top:48%;width:27%;height:145px;filter:blur(4px)}}

/* V8.8: short-screen mode uses readable static content and the shared preference. */
@media(max-height:649px){.flight-controls{display:none!important}}