/* Keep the same continuous photographic sequence on touch screens. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .hero.flight-sequence{height:225svh;min-height:0;max-height:none;overflow:visible}
 .flight-stage{position:sticky;top:68px;height:calc(100svh - 68px);min-height:560px;padding:0;display:block}
 .flight-heading,.flight-sequence.detail-visible .flight-heading{display:block;position:absolute;left:24px;right:24px;top:24px;min-height:0;opacity:var(--title-opacity);transform:translateY(var(--heading-y));pointer-events:none}
 .flight-heading h1{font-size:clamp(42px,11.8vw,72px)}
 .flight-heading .eyebrow{margin-bottom:16px}
 .flight-product,.flight-sequence.detail-visible .flight-product{position:absolute;left:50%;right:auto;top:29%;width:min(108vw,calc((100svh - 68px)*.48));max-width:none;margin:0;aspect-ratio:1.5;transform-origin:50% 50%;transform:translateX(-50%) translate3d(var(--product-x),var(--product-y),0) scale(var(--product-scale)) rotate(var(--product-turn))}
 .flight-intro,.flight-sequence.detail-visible .flight-intro{display:block;position:absolute;left:24px;right:24px;top:auto;bottom:155px;margin:0;opacity:var(--intro-opacity);pointer-events:none}
 .flight-intro p{font-size:16px}.flight-intro>span{font-size:14px;line-height:1.45;max-width:310px}
 .flight-detail,.flight-sequence.detail-visible .flight-detail{display:block;position:absolute;left:24px;right:24px;top:20px;margin:0;max-width:none;opacity:var(--detail-opacity);transform:none;transition:none}
 .flight-detail .eyebrow{font-size:12px;margin-bottom:10px}
 .flight-detail h2{font-size:30px;line-height:1.04}
 .flight-detail p{font-size:16px;line-height:1.4;margin:10px 0 0;max-width:390px}
 .flight-detail .text-link{font-size:14px;min-height:44px}
 .flight-footer{position:absolute;left:24px;right:24px;bottom:16px;display:flex;gap:8px}
 .flight-actions{display:flex;gap:12px;align-items:center}
 .flight-actions .dark{width:auto;flex:1;min-height:48px;padding:12px;font-size:14px}
 .flight-contact{flex:1;font-size:13px;line-height:1.3;text-align:center;min-height:48px}
 .flight-pagination{gap:2px 16px}.flight-note{font-size:12px;align-self:flex-end}
 .tank-robot{padding-top:54px}
 .tank-heading{margin-bottom:28px}
}
@media(max-width:380px) and (prefers-reduced-motion:no-preference){
 .flight-heading,.flight-detail,.flight-sequence.detail-visible .flight-heading,.flight-sequence.detail-visible .flight-detail{left:20px;right:20px}
 .flight-detail h2{font-size:28px}.flight-detail p{font-size:16px;line-height:1.3}.flight-detail .eyebrow{letter-spacing:.04em}
 .flight-footer{left:20px;right:20px}.flight-actions{gap:8px}
}
/* Short landscape windows keep all content reachable instead of pinning a tall stage. */
@media(max-width:700px) and (min-height:621px) and (max-height:740px) and (prefers-reduced-motion:no-preference){
 .flight-product,.flight-sequence.detail-visible .flight-product{top:32%}
 .flight-detail h2{font-size:28px}.flight-detail p{line-height:1.3;margin-top:8px}
 .flight-detail .eyebrow{margin-bottom:8px}
}
@media(max-width:700px) and (max-height:620px) and (prefers-reduced-motion:no-preference){
 .flight-stage{top:0;height:640px;min-height:640px}
 .hero.flight-sequence{height:calc(640px + 120svh)}
 .flight-product,.flight-sequence.detail-visible .flight-product{width:310px}
}