/* Host shell for the XQ 770 top scroll on the main homepage (export-v2/index.html).
   Replaces only what export-shell.css did for the standalone page, scoped so it cannot
   restyle the rest of this site. The aircraft story styles are untouched. */

/* The bridge owns native document scrolling through the sticky story; CSS smooth scrolling
   would fight its programmatic positioning. Only on a page that hosts the story. */
html:has(#xq-hero){scroll-behavior:auto}

/* Nothing above the sticky viewer may clip or transform it. */
#main:has(> #xq-hero){overflow:visible;transform:none;contain:none}

/* Closing band after the story (from export-shell.css, scoped to #scroll-end). */
#scroll-end.export-end{min-height:60svh;padding:100px var(--edge,6%);box-sizing:border-box;background:#111619;color:#fff}
#scroll-end.export-end>p{font:11px var(--font-mono,monospace);letter-spacing:.14em;margin:0}
#scroll-end.export-end h2{font-family:var(--font-display,nhgDisplay,Arial,sans-serif);font-size:clamp(32px,5vw,58px);margin:20px 0 32px;text-wrap:balance}
#scroll-end.export-end>div{display:flex;gap:20px;flex-wrap:wrap}
#scroll-end.export-end a{color:#fff;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
#scroll-end.export-end a:focus-visible{outline:2px solid #f26625;outline-offset:4px}
@media(max-width:700px){#scroll-end.export-end{padding:90px 24px}#scroll-end.export-end>div{flex-direction:column;gap:8px}}

/* 2026-10-19 hero emphasis (homepage only): the aircraft leads, the chrome steps back.
   Scrolling still drives every chapter, livery and inspection step; only the on-screen menus are removed. */
body.xq-story-active #newsbar{visibility:hidden;pointer-events:none}
/* the sticky briefing bar would cover the lower aircraft view and the startup status; the story ends in its own briefing link */
body.xq-story-active .sticky-cta,body:has(#startup-cover:not([hidden]):not(.is-ready)) .sticky-cta{transform:translateY(110%)!important;visibility:hidden}
body.xq-story-active #nav{top:0;background:linear-gradient(#0b0d0e8c,#0b0d0e00)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:0!important}
/* chapter rail (Full aircraft, Nose, ...) and the aircraft-family menu: not shown on the homepage */
body.xq-story-active .story-bottom,body.xq-story-active #family-open{display:none!important}
/* the remaining controls are quiet text, not boxed panels */
body.xq-story-active .story-tools button{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px #000a;transition:border-color .2s cubic-bezier(.23,1,.32,1),background-color .2s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){body.xq-story-active .story-tools button:hover:not(:disabled){border-color:#ffffff40;background:#0b0d0e66}}
body.xq-story-active .story-tools button:active:not(:disabled){transform:scale(.97)}
@media (prefers-reduced-motion:reduce){body.xq-story-active .story-tools button{transition:none}}