/* One continuous flight above the landscape, below readable content. */
main,footer{z-index:auto}
main>section{position:relative}
.flight-scene{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;contain:strict}
#flight-canvas{display:block;width:100%;height:100%}
.hero-content,.hero-bottom,.experience-heading,.experience-footer,.section-header,.service-text,.about-layout,.contact-layout,.footer-top,.footer-bottom,.service-strip,.film-grid,.media-note{position:relative;z-index:3}
.hero-bottom{position:absolute}
.visual-label,.visual-footer,.finding,.room-selector,.room-copy,.hotspot,.terrain-controls,.stage-top,.stage-bottom,.stage-tag{z-index:4}
.service-visual,.terrain-stage{isolation:auto}
.hero-target{display:none}
.flight-caption{position:fixed;bottom:23px;left:26px;z-index:9;display:flex;align-items:center;gap:10px;pointer-events:none;font:calc(9px * var(--type-copy))/1.4 monospace;letter-spacing:1.25px;color:#dfdfd3;padding:11px 14px;background:#0b1212d9;border:1px solid #7b8c7538;backdrop-filter:blur(12px);border-radius:2px;opacity:0;transition:opacity .5s}
.flight-ready .flight-caption{opacity:1}
.flight-light{width:5px;height:5px;background:#ff775e;border-radius:50%;box-shadow:0 0 12px #ff6049}
#motion-toggle{position:fixed;right:26px;bottom:23px;z-index:12;padding:11px 14px;background:#0b1212e8;border:1px solid #7b8c7550;backdrop-filter:blur(12px);border-radius:2px;font-size:calc(9px * var(--type-button));min-height:36px;color:#d6decc}
#motion-toggle:hover{border-color:#ff8563}
.hero-bottom{bottom:88px}
footer{padding-bottom:95px}
.flight-scene{opacity:0;transition:opacity .6s}
.flight-ready .flight-scene{opacity:1}
.motion-off .flight-light{box-shadow:none}
@media(min-width:851px){.hero-content h1{max-width:76%}}
@media(max-width:850px) and (min-width:601px){.hero-content{padding-top:320px}.hero{height:960px}}
@media(max-width:600px){
 .hero{height:1000px;min-height:100svh}
 .hero-content{padding-top:350px}
 .hero-bottom{bottom:83px}
 .flight-caption{left:12px;bottom:12px;padding:10px;font-size:calc(7px * var(--type-copy));letter-spacing:.5px;gap:7px;max-width:calc(100% - 162px);min-height:35px}
 #motion-toggle{bottom:12px;right:12px;padding:10px;font-size:calc(8px * var(--type-button));min-height:35px;gap:7px}
 .service-visual{height:410px}
 .flight-scene{contain:strict}
}
@media(prefers-reduced-motion:reduce){.flight-scene,.flight-caption{transition:none}}

/* The shared flight stays below page content and above the cloud banks. */
.portfolio-intro,.portfolio-section,.portfolio-cta>.wrap,.portfolio-home-grid{position:relative;z-index:3}
.portfolio-page .portfolio-intro{padding-top:180px}
.portfolio-page .portfolio-intro h1{max-width:78%}
.portfolio-page .portfolio-lead{max-width:min(710px,70%)}
.portfolio-page .portfolio-section-heading>div,.portfolio-page .portfolio-section-heading>p{position:relative;z-index:3}
#motion-toggle{font-size:12px;min-height:44px}.flight-caption{font-size:10px;min-height:44px}
@media(max-width:850px){.portfolio-page .portfolio-intro{padding-top:325px}.portfolio-page .portfolio-intro h1,.portfolio-page .portfolio-lead{max-width:100%}}
@media(max-width:600px){.portfolio-page .portfolio-intro{padding-top:310px}.flight-caption{font-size:8px;max-width:calc(100% - 183px)}#motion-toggle{font-size:11px;max-width:160px}.portfolio-page .portfolio-section-heading h2{overflow-wrap:normal}}
