/* Owner reference: live type and controls over the chrome installation. Mobile only. */
.mobile-orbit{display:none}
@media(max-width:1023px){
 body.air-home #top{display:flex;isolation:isolate;min-height:0;height:auto;max-height:none;padding:0 0 30px;background:#030d19}
 body.air-home #top .air-art{display:none}
 body.air-home #top .mobile-orbit{display:block;position:relative;order:0;flex:none;width:100%;max-width:700px;aspect-ratio:1122/1402;margin:0 auto -5%;overflow:hidden;pointer-events:none;isolation:isolate}
 .mobile-orbit picture,.mobile-orbit img,.mobile-orbit canvas{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%}
 .mobile-orbit img{object-fit:contain}
 .mobile-orbit:after{content:"";position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#030d19);pointer-events:none}
 body.air-home #top .header{--header-inset:clamp(18px,4.5vw,32px);--header-mark-top:20px;--header-mark-width:clamp(66px,17vw,94px);height:calc(var(--header-mark-top) + var(--header-mark-width)*360/372 + 12px);z-index:8;background:linear-gradient(#001b3299,transparent);box-shadow:none}
 body.air-home #top .header .hero-signature{filter:drop-shadow(0 2px 7px #001025)}
 body.air-home #top .header .menu-toggle{top:calc(var(--header-mark-top) + var(--header-mark-width)*180/372);width:126px;height:44px;min-height:44px;transform:translateY(-50%);animation:none;rotate:none;translate:none;padding:8px 20px;font-size:14px}
 body.air-home #top .header .menu-toggle:hover{transform:translateY(-50%)}
 body.air-home #top .header .menu-toggle:active{transform:translateY(calc(-50% + 2px))}
 body.air-home #top .header #navigation{top:calc(var(--header-mark-top) + var(--header-mark-width)*360/372 + 14px)}
 body.air-home #top #hero-title{order:1;position:relative;align-self:center;width:calc(100% - 36px);max-width:650px!important;margin:-31% 18px 0;font-size:clamp(43px,10.8vw,76px)!important;line-height:.94;letter-spacing:-.045em;text-align:left;z-index:3;pointer-events:none;text-shadow:0 2px 18px #0007}
 body.air-home #top #hero-title>span{animation:none;translate:none;rotate:none}
 body.air-home #top .air-subtitle{order:3;margin:22px 18px 0;font-size:clamp(24px,6vw,36px);line-height:1.05}
 body.air-home #top .hero-lower{order:4;margin-top:20px!important}
}
@media(min-width:641px) and (max-width:1023px){body.air-home #top #hero-title{margin-top:-215px}body.air-home #top .mobile-orbit{margin-bottom:-35px}}





@media(max-width:1023px){
 body.air-home .service-strip{display:block;background:#d9b46d;color:#17130b;padding-block:16px}
 body.air-home .service-strip .strip-track{animation-duration:13.8582438818s;gap:28px;font:600 var(--type-medium)/var(--type-medium-line) var(--type-heading-family);letter-spacing:var(--type-medium-spacing)}
 body.air-home.motion-off .service-strip .strip-track,body.air-home.motion-off .service-strip .strip-track i{animation-play-state:paused}
}
@media(prefers-reduced-motion:reduce){body.air-home .service-strip .strip-track,body.air-home .service-strip .strip-track i{animation:none}}

/* Shared flex center remains exact while the responsive trademark decodes. */
@media(max-width:1023px){
 body.air-home #top .header{display:flex;align-items:center;justify-content:space-between;height:auto;padding:20px var(--header-inset) 12px}
 body.air-home #top .header .hero-signature{position:relative;left:auto;top:auto;flex:none}
 body.air-home #top .header .menu-toggle{position:relative;right:auto;top:auto;transform:none;flex:none}
 body.air-home #top .header .menu-toggle:hover{transform:none}
 body.air-home #top .header .menu-toggle:active{transform:translateY(2px)}
 body.air-home #top .header #navigation{top:calc(100% + 2px)}
}

/* Latest owner: separate mobile brand/navigation band, fine champagne divider. */
@media(max-width:1023px){
 body.air-home #top .header{position:relative;inset:auto;order:-1;flex:none;background:linear-gradient(115deg,#061222,#0c2035 65%,#07172a);border-bottom:1px solid #e2bc77;box-shadow:0 1px 0 #fff0c914}
 body.air-home .service-strip .strip-track{animation:marquee var(--mobile-marquee-cycle,13.8582438818s) linear infinite!important}
 body.air-home.motion-off .service-strip .strip-track{animation-play-state:paused!important}
}
@media(prefers-reduced-motion:reduce){body.air-home .service-strip .strip-track{animation:none!important}}

/* Owner: mobile narrative starts from chapter03 coral, before its first scroll draw. */
@media(max-width:1023px){body.air-home #story{background:#fb7557;color:#030509}}

/* Owner: remove mobile hero CTA; let narrative04 and its product fit their boxes. */
@media(max-width:1023px){
 body.air-home #top .hero-lower{display:none}
 body.air-home #story .story-sticky{height:auto;min-height:100svh}
 body.air-home #story .story-stage{height:400px;min-height:0;aspect-ratio:auto}
}
@media(max-width:640px){body.air-home #story .story-sticky{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}body.air-home #story .story-stage{height:340px}}

/* Owner mobile architecture: right-aligned signature above art, slogan closes hero. */
@media(max-width:1023px){
 body.air-home #top{padding-bottom:clamp(28px,6vw,48px)}
 body.air-home #top .air-subtitle{order:0;align-self:flex-end;display:block;width:auto;max-width:calc(100% - 36px);margin:20px clamp(18px,4.5vw,32px) 0;text-align:right;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.22;text-transform:uppercase;letter-spacing:.1em}
 body.air-home #top .air-subtitle .air-firm-name{display:block;font-size:clamp(16px,4.6vw,20px);letter-spacing:.13em;color:#f6f0e1}
 body.air-home #top .air-subtitle .air-firm-description{display:block;margin-top:3px;font-size:clamp(21px,6vw,28px);letter-spacing:.09em;color:#e2bc77}
 body.air-home #top .mobile-orbit{order:1;margin:14px auto 0}
 body.air-home #top #hero-title{order:2;margin:clamp(-175px,-25vw,-80px) 18px 0}
 /* The final project becomes normal flowing content, without remnants of earlier morphs. */
 body.air-home #story:has([data-chapter="3"][aria-current]) .story-sticky{min-height:0;padding-bottom:28px}
 body.air-home #story:has([data-chapter="3"][aria-current]) .story-stage{height:auto;min-height:0;aspect-ratio:auto;padding-top:16px;overflow:visible}
 body.air-home #story:has([data-chapter="3"][aria-current]) :is(#story-svg,.stage-grid,.stage-coordinate){display:none}
 body.air-home #story:has([data-chapter="3"][aria-current]) .story-product{position:relative;top:auto;left:auto;margin:0 auto;box-shadow:0 12px 24px #00000012}
}

/* One continuous mobile hero field, using the native isolated chrome layer. */
@media(max-width:1023px){
 body.air-home #top{background:#030d19}
 body.air-home #top .air-subtitle{background:none;box-shadow:none}
 body.air-home #top .mobile-orbit[data-background="uniform"] picture{visibility:hidden}
 body.air-home #top .mobile-orbit[data-background="uniform"]:after{display:none}
 body.air-home #story:has([data-chapter="3"][aria-current]) :is(.story-chapters,.scroll-cue,.story-stage){display:none}
}

/* Owner: the whole mobile hero takes the existing header's dominant navy. */
@media(max-width:1023px){
 body.air-home #top,body.air-home #top .header{background:#0c2035}
}

/* Footer's champagne rule, mapped into the cropped authentic vertical mark's gap. */
@media(max-width:1023px){
 body.air-home #top .header .hero-signature:after{content:"";display:block;position:absolute;left:1%;right:1%;top:77.1505376344%;height:1px;transform:translateY(-50%);pointer-events:none;background:linear-gradient(90deg,#e7d4a700,#e7d4a7b3 15%,#e7d4a7b3 85%,#e7d4a700)}
}