/* Phone and tablet composition. Desktop styling stays in the component sheets. */
@media screen and (max-width:800px){
 /* Keep copy and controls in flow; reserve a separate window for the flight HUD. */
 .hero.flight-hero{height:auto;min-height:0;max-height:none;padding-bottom:22px}
 .hero.flight-hero .hero-copy{padding-top:76px;padding-bottom:0}
 .hero.flight-hero .hero-copy>p:not(.eyebrow){line-height:1.7;margin-top:24px}
 .hero.flight-hero .hero-actions{margin-top:24px;gap:16px 22px}
 .hero.flight-hero .scene-controls{position:relative;inset:auto;margin:clamp(225px,40vw,300px) var(--gutter) 0;padding-top:12px;gap:10px 12px}
 .hero.flight-hero #mission-field{left:var(--gutter);width:calc(100% - var(--gutter) * 2);height:clamp(215px,38vw,290px);top:auto;bottom:150px;mask-image:none}
 .hero.flight-hero .hero-shade{background:linear-gradient(180deg,#071418f5 0%,#08191de8 30%,#10202955 62%,#0c181e99 80%,#0c181efa 100%)}
 .hero.flight-hero .formation-toggle button,.hero.flight-hero .view-toggle button{min-height:44px;padding-inline:12px}
 .hero.flight-hero .flight-fallback{bottom:207px}
 /* Give the stationary software core more presence on a narrow screen. */
 .nexus-intro .nexus-art-window,.nexus-feature .nexus-art-window{aspect-ratio:16/9;max-height:none}
 .nexus-feature .nexus-art-scene{height:100%;aspect-ratio:auto;mask-image:none}
 .nexus-intro .nexus-art img,.nexus-feature .nexus-art img{object-fit:cover;object-position:50% 50%}
 .nexus-feature .nexus-art{padding-bottom:56px}
 /* Product photography follows its original proportions instead of a common crop. */
 .product-card .render-study-image,.product-hero-art .render-study-image,.god-knox-intro .product-hero-art .render-study-image{aspect-ratio:auto}
 .product-card .render-study-image img,.product-hero-art .render-study-image img{height:auto;object-fit:contain}
 .airspace-aircraft img{aspect-ratio:1920/1072;object-fit:contain}
 .airspace-aircraft figcaption{position:static;background:#0b1415;padding:16px 18px;flex-wrap:wrap;gap:5px 20px}
 /* Caption rows no longer compete with the aircraft for image space. */
 .qk-showcase .qk-scenes{display:grid;min-height:0;overflow:clip}
 .qk-showcase .qk-frame{position:relative;inset:auto;grid-area:1/1;min-width:0}
 .qk-showcase .qk-scene-image{position:relative;inset:auto;width:100%;height:auto;object-fit:contain}
 .qk-showcase .qk-shade{background:none}
 .qk-showcase .qk-frame-caption{position:relative;inset:auto;max-width:none;margin:20px var(--gutter) 24px;padding:0;background:transparent}
 .qk-showcase .qk-frame-caption>p{max-width:45ch}
 .qk-showcase .qk-copy{padding-inline:var(--gutter);padding-bottom:24px}
 .qk-showcase .qk-controls{padding-inline:var(--gutter)}
 .qk-showcase .qk-thumb{height:auto;aspect-ratio:1920/1072}
 .qk-showcase .qk-thumb img{object-fit:contain}
 .qk-showcase .qk-slide-button{min-height:0}
 .qk-showcase .qk-intro{font-size:16px;line-height:1.7}
 .qk-showcase .qk-actions .button,.qk-showcase .qk-actions .text-button{font-size:13px}
 .qk-showcase .qk-actions .text-button{min-height:44px;display:inline-flex;align-items:center}
 .portfolio-section.section{padding-block:48px}
 .product-detail-grid,.offering-visual-pair{gap:28px}
 .page-index,.portfolio-nav,.category-filters{overscroll-behavior-inline:contain}
}
@media screen and (max-width:650px){
 :root{--gutter:20px}
 .site-header{padding-inline:var(--gutter);gap:10px}
 .mobile-nav{padding-inline:var(--gutter)}
 .family-grid{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:32px;border:0}
 .family-grid .family-link{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0 0 26px;border:0;border-bottom:1px solid var(--line);background:transparent;overflow:hidden}
 .family-grid .family-link .family-visual{width:100%;height:auto;aspect-ratio:auto;margin:0 0 22px;flex:none}
 .family-grid .family-visual img{height:auto;object-fit:contain}
 .family-grid .family-link .category-title{font-size:clamp(27px,7vw,34px);line-height:1.2;margin:8px 0 12px;text-wrap:pretty}
 .family-grid .family-link>span.category-offering{margin:0;font-size:11px}
 .family-grid .family-link p{font-size:16px;line-height:1.75;margin:16px 0 20px}
 .family-grid .family-link .family-count{margin:0;padding:0;min-height:44px;font-size:13px}
 .product-grid{grid-template-columns:minmax(0,1fr)}
 .product-card{padding:20px}
 .product-card .render-study{width:calc(100% + 40px);margin:18px -20px 24px}
 .product-card .category-title{font-size:28px;line-height:1.22}
 .product-card .product-description{line-height:1.75}
 .catalogue-intro.section{padding-top:32px;padding-bottom:28px}
 .catalogue-intro h1{margin-block:22px 26px}
 .catalogue-summary{gap:16px}
 .catalogue-tools{gap:18px}
 .catalogue-status{min-height:56px}
 .qk-showcase .qk-copy{padding-top:38px}
 .qk-showcase .qk-copy .eyebrow{margin-bottom:24px}
 .qk-showcase .qk-copy h1,.qk-showcase .qk-copy h2{font-size:clamp(78px,22vw,118px)}
 .qk-showcase .qk-frame-caption>strong{font-size:23px}
 .qk-showcase .qk-frame-caption>p{font-size:14px;line-height:1.7}
 .qk-showcase .qk-thumb{max-width:140px;margin-bottom:10px}
 .qk-showcase .qk-slide-label strong{font-size:12px;line-height:1.5}
 .qk-showcase .qk-slide-label{gap:8px}
 .qk-showcase .qk-slide-button{padding-block:16px}
 .qk-showcase .qk-transport{padding-block:12px}
 .nexus-feature .nexus-feature-copy{padding-bottom:24px}
 .nexus-intro-grid{gap:24px}
 .nexus-intro .hero-actions{gap:16px;margin-top:24px}
 .airspace-hero-grid{padding-block:28px;gap:28px}
 .airspace-hero h1,.cyber-hero h1{margin-bottom:22px}
 .airspace-aircraft figcaption{padding-inline:16px;font-size:10px}
 .contact-section.section{padding-block:48px 36px}
 .contact-section h2{font-size:clamp(32px,8vw,44px)}
 .footer .footer-brand{width:220px}
 .footer .footer-tagline{font-size:26px}
 .footer .footer-top{column-gap:20px}
}
@media screen and (max-width:359px){
 :root{--gutter:16px}
 .site-header{gap:6px}
 .site-header .brand{width:110px}
 .hero.flight-hero .hero-copy{padding-top:70px}
 .hero.flight-hero .hero-copy>.eyebrow{margin-bottom:20px}
 .hero.flight-hero .hero-actions{gap:12px}
 .hero.flight-hero .hero-actions .button{padding-inline:16px}
 .hero.flight-hero .view-toggle button{padding-inline:12px}
 .family-grid .family-link .category-title{font-size:27px}
}