/* A stable editorial grid, retaining the original paper and blue identity. */
.header nav{font-size:14px}
.page-intro{padding-top:clamp(48px,5.2vw,88px);padding-bottom:clamp(46px,4.6vw,76px)}
.page-intro>.eyebrow{font-size:11px;margin-bottom:25px}
.page-intro-grid{grid-template-columns:1.1fr 1fr;gap:8%;align-items:end}
.page-intro h1{font-size:clamp(44px,4.8vw,84px);line-height:1.22}
.intro-links{flex-wrap:wrap;column-gap:28px;row-gap:0;font-size:12px;margin-top:22px}
.intro-links a{display:inline-flex;align-items:center;min-height:44px}
.site-footer{gap:32px;padding-top:36px;padding-bottom:36px}
.site-footer nav{font-size:12px;line-height:1.8}

body[data-page="products"] .design-story{height:330svh}
body[data-page="products"] .design-stage{height:calc(100svh - var(--header-height));min-height:540px;isolation:isolate}
body[data-page="products"] .stage-top{top:35px;right:auto;max-width:30%;font-size:10px;line-height:1.7;letter-spacing:.1em}
body[data-page="products"] .stage-top>span:last-child{display:none}
body[data-page="products"] .story-platform-switch{top:21px;right:var(--space);width:clamp(320px,29vw,430px)}
.story-platform-tabs{gap:28px}
.story-platform-tabs button{font-size:13px;min-height:46px;padding:10px 0 13px}
.story-platform-tabs button>span{font-size:10px;margin-right:10px}
.story-platform-caption{font-size:11px;line-height:1.8;margin-top:8px}
.story-platform-caption button{font-size:12px;min-height:34px;padding:4px 0}
body[data-page="products"] .chapter-copy,
body[data-page="products"] .design-stage[data-chapter] .chapter-copy{left:var(--space);right:auto;top:32%;width:clamp(210px,21vw,330px);text-align:left;pointer-events:none}
.chapter-copy .eyebrow{font-size:11px;line-height:1.7;margin-bottom:19px;letter-spacing:.08em}
.chapter-copy h2{font-size:clamp(27px,2.35vw,44px);line-height:1.42}
.chapter-copy>p:last-child{font-size:14px;line-height:1.95;margin-top:22px;max-width:24ch}
body[data-page="products"] .story-view{inset:120px calc(var(--space)*.35) 112px 31%;overflow:hidden}
body[data-page="products"] .story-view:not([data-framing-ready="true"]){opacity:0}
body[data-page="products"] :is(#productCanvas,.story-model-snapshot){inset:0;width:100%;height:100%;transform:none;object-fit:contain}
body[data-page="products"] :is(.stage-poster,#productVideo){inset:auto;left:var(--media-x,0);top:var(--media-y,0);width:var(--media-w,100%);height:var(--media-h,100%);transform:none;object-fit:fill;max-width:none}
body[data-page="products"] .stage-side{display:none}
body[data-page="products"] .chapter-watermark{display:none}
body[data-page="products"] .stage-bottom{bottom:22px;min-height:61px;border-top:1px solid var(--line);padding-top:11px;gap:28px}
.chapter-controls{gap:30px}
.chapter-controls button{min-height:44px;padding:12px 0;font-size:13px;color:#6b808c}
.chapter-controls span{font-size:10px;margin-right:10px}
.stage-bottom>p{font-size:9px;line-height:1.7}
.stage-bottom>p span{font-size:11px;margin-top:4px}
.development-section{background:#f1f4f2}
.development-section .bp-development{padding:0;margin:0;border:0}

@media(min-width:1600px){.chapter-copy>p:last-child{font-size:16px}.story-platform-tabs button{font-size:15px}.story-platform-caption{font-size:12px}.chapter-controls button{font-size:14px}}
@media(min-width:701px) and (max-aspect-ratio:11/10){
  body[data-page="products"] .stage-top{top:31px;max-width:none}
  body[data-page="products"] .story-platform-switch{top:61px;left:var(--space);right:var(--space);width:auto}
  .story-platform-tabs{justify-content:flex-start;gap:38px}
  .story-platform-tabs button{min-width:190px}
  .story-platform-caption{justify-content:flex-start;gap:32px}
  body[data-page="products"] .chapter-copy,
  body[data-page="products"] .design-stage[data-chapter] .chapter-copy{top:187px;width:calc(100% - var(--space)*2);display:grid;grid-template-columns:1fr 1fr;column-gap:9%}
  .chapter-copy .eyebrow{grid-column:1;margin-bottom:12px}
  .chapter-copy h2{grid-column:1;font-size:34px}
  .chapter-copy>p:last-child{grid-column:2;grid-row:1/span 2;align-self:end;max-width:26ch;margin:0;font-size:15px}
  body[data-page="products"] .story-view{inset:350px var(--space) 115px}
}
@media(max-width:700px){
  .page-intro{padding:42px 24px 35px}
  .page-intro>.eyebrow{font-size:10px;margin-bottom:22px}
  .page-intro-grid{display:block}
  .page-intro h1{font-size:42px}
  .intro-links{font-size:12px;gap:0 24px;margin-top:18px}
  .site-footer{gap:24px}
  .site-footer nav{font-size:11px;flex-wrap:wrap;gap:16px 25px;justify-content:flex-start}
  body[data-page="products"] .design-story{height:285svh}
  body[data-page="products"] .design-stage{min-height:560px}
  body[data-page="products"] .stage-top{top:20px;max-width:none;font-size:9px}
  body[data-page="products"] .story-platform-switch{top:49px;left:24px;right:24px;width:auto}
  .story-platform-tabs{gap:20px}
  .story-platform-tabs button{min-height:44px;font-size:12px;padding:8px 0 11px}
  .story-platform-tabs button>span{font-size:9px;margin-right:7px}
  .story-platform-caption{font-size:10px;margin-top:5px}
  .story-platform-caption button{font-size:11px;min-height:32px}
  body[data-page="products"] .chapter-copy,
  body[data-page="products"] .design-stage[data-chapter] .chapter-copy{top:157px;left:24px;right:24px;width:auto;display:block}
  .chapter-copy .eyebrow{font-size:9px;margin-bottom:11px}
  .chapter-copy h2{font-size:28px;line-height:1.35}
  .chapter-copy>p:last-child{font-size:12px;line-height:1.85;margin-top:14px;max-width:30ch}
  body[data-page="products"] .story-view{inset:315px 12px 100px}
  body[data-page="products"] .stage-bottom{left:24px;right:24px;bottom:18px;min-height:59px;padding-top:8px;display:block}
  .chapter-controls{gap:0;justify-content:space-between}
  .chapter-controls button{font-size:12px;min-height:44px;padding:10px 0}
  .chapter-controls span{font-size:9px;margin-right:7px}
  .stage-bottom>p{display:none}
}
@media(max-width:700px) and (max-height:720px){
  body[data-page="products"] .chapter-copy,
  body[data-page="products"] .design-stage[data-chapter] .chapter-copy{top:143px}
  .chapter-copy h2{font-size:25px}
  .chapter-copy .eyebrow{margin-bottom:8px}
  .chapter-copy>p:last-child{margin-top:10px;font-size:12px;line-height:1.7}
  body[data-page="products"] .story-view{top:288px;bottom:85px}
}
/* Append after the existing site styles. Static sections only: no header or design-stage rules. */
main > .section:not(.page-intro):not(.field-background-section):not(.media-chapter-link):not(.design-story):not(.engineering) {
  padding-top: clamp(84px, 7.5vw, 128px);
  padding-bottom: clamp(84px, 7.5vw, 128px);
}

.home-section-heading,
.platform-heading,
.film-heading,
.bp-missions-heading {
  gap: clamp(28px, 5vw, 72px);
  padding-top: clamp(34px, 4vw, 58px);
  padding-bottom: clamp(32px, 3.5vw, 48px);
}

.home-section-heading h2,
.platform-heading h2,
.film-heading h2,
.real-section-heading h2,
.bp-missions-heading h2 {
  font-size: clamp(36px, 3.8vw, 72px);
  line-height: 1.28;
  letter-spacing: -.04em;
}

.home-section-heading > p,
.platform-heading > p,
.film-heading > p,
.real-section-heading > div:last-child > p,
.bp-missions-heading > p,
.bp-development-heading > p,
.page-intro-grid > div > p,
.page-next p:not(.eyebrow) {
  font-size: clamp(14px, 1vw, 18px);
  line-height: 1.95;
  color: var(--muted);
  text-wrap: pretty;
}

.home-section-heading > p,
.platform-heading > p,
.film-heading > p,
.bp-missions-heading > p {
  max-width: 31ch;
}

.section-top > a,
.section-top > span,
.real-section-heading .link-line,
.page-next .link-line,
.home-products .section-top > a,
.home-missions .section-top > a {
  font-size: 12px;
  line-height: 1.8;
}

.section-top .eyebrow,
.real-section-heading .eyebrow {
  font-size: 10px;
  line-height: 1.7;
}

.statement-tail p {font-size: clamp(14px, 1vw, 18px);line-height: 1.95;max-width: 62ch}
.bp-capabilities p {font-size: 13px;line-height: 1.95}
.bp-capability-note,
.concept-note,
.live-film-grid article > p,
.engineering-media-grid p {font-size: 12px;line-height: 1.9}
.home-product-link > p {font-size: 13px;line-height: 1.9;max-width: 48ch}
.home-product-link > div {padding-top: 22px}
.home-product-link h3 {font-size: clamp(24px, 1.8vw, 32px);line-height: 1.45}
.home-product-grid {gap: clamp(24px, 3vw, 48px)}

/* Explicit auto height defeats the HTML height attribute on the three home previews. */
.mission-preview-grid {gap: clamp(22px, 2.2vw, 36px);align-items: start}
.mission-preview-grid > a {min-width: 0;display: block}
.mission-preview-grid img {display: block;width: 100%;height: auto;aspect-ratio: 16/10;object-fit: cover}
.mission-preview-grid a > span {font-size: 16px;line-height: 1.65;margin-top: 18px}

/* Keep the platform narrative visible at every breakpoint, beside the facts. */
body[data-page="products"] .platform-info {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
  gap: clamp(28px, 3.3vw, 56px);
  margin-top: 34px;
  min-height: 0;
  align-items: start;
}
body[data-page="products"] .platform-info > * {min-width: 0}
body[data-page="products"] .platform-info > p {display: block;min-height: 0;font-size: 14px;line-height: 1.95;max-width: 42ch}
body[data-page="products"] .platform-info .eyebrow {font-size: 10px;line-height: 1.7;margin-bottom: 12px}
body[data-page="products"] .platform-info h3 {font-size: clamp(26px, 2vw, 36px);line-height: 1.4}
body[data-page="products"] .platform-explore {font-size: 12px;line-height: 1.8;margin-top: 19px}
body[data-page="products"] .platform-info dl {font-size: 13px;line-height: 1.75;gap: 14px}
body[data-page="products"] .platform-info dl > div {display: grid;grid-template-columns: minmax(84px, .75fr) minmax(0, 1.25fr);gap: 20px;padding-bottom: 13px}
body[data-page="products"] .platform-info dd {overflow-wrap: anywhere}

/* Archive drawings form one readable row, with consistent captions below. */
.bp-development {padding-top: clamp(48px, 5vw, 80px);margin-top: clamp(54px, 6vw, 90px)}
.bp-development-heading {align-items: end;gap: 40px;margin-bottom: 38px}
.bp-development-heading .eyebrow {font-size: 10px;line-height: 1.7;margin-bottom: 18px}
.bp-development-heading h3 {font-size: clamp(32px, 2.7vw, 48px);line-height: 1.32}
.bp-development-heading > p {max-width: 33ch}
.bp-family-layout {grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);gap: clamp(24px, 2.7vw, 40px)}
.bp-family-pair {gap: clamp(20px, 2.5vw, 36px)}
.bp-family-label {min-height: 58px;gap: 16px;font-size: 12px;line-height: 1.7}
.bp-family-label > span {font-size: 9px;line-height: 1.6}
.bp-drawing {height: clamp(245px, 23vw, 350px);padding: 22px}
.bp-family h4 {font-size: 18px;line-height: 1.5;margin: 22px 0 10px}
.bp-family article > p {font-size: 13px;line-height: 1.9;max-width: 43ch}
.bp-development-note {font-size: 12px;line-height: 1.9;gap: 28px;margin-top: 34px;padding-top: 22px}
.bp-development-note > p {max-width: 54ch}

/* Preserve uncropped close-ups; the second image sits slightly lower as an editorial pair. */
.livery-details .real-section-heading {margin-bottom: clamp(38px, 4.5vw, 68px)}
.livery-detail-grid {grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);gap: clamp(26px, 4vw, 64px);align-items: start}
.livery-detail-card:nth-child(2) {padding-top: clamp(36px, 4.2vw, 80px)}
.livery-detail-card img {width: 100%;height: auto}
.livery-detail-card figcaption,
.real-photo-card figcaption {font-size: 13px;line-height: 1.8;margin-top: 17px}
.livery-details + .prototype-photos {padding-top: clamp(44px, 5vw, 80px)}
.real-photo-grid {gap: 32px clamp(22px, 2.6vw, 40px)}

@media (min-width: 1900px) {
  .bp-capabilities p,
  .home-product-link > p,
  body[data-page="products"] .platform-info > p,
  body[data-page="products"] .platform-info dl,
  .bp-family article > p {font-size: 17px}
  .bp-family h4 {font-size: 23px}
  .bp-development-note,
  .concept-note,
  .bp-capability-note,
  .livery-detail-card figcaption,
  .real-photo-card figcaption {font-size: 15px}
  .mission-preview-grid a > span {font-size: 21px}
}

@media (max-width: 1050px) {
  body[data-page="products"] .platform-info {grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);gap: 20px 36px}
  body[data-page="products"] .platform-info > div {grid-column: 1;grid-row: 1}
  body[data-page="products"] .platform-info > p {grid-column: 1;grid-row: 2}
  body[data-page="products"] .platform-info > dl {grid-column: 2;grid-row: 1 / span 2}
  .bp-family-layout {grid-template-columns: 1fr;gap: 38px}
  .bp-drawing {height: clamp(255px, 34vw, 340px)}
  .bp-family-tandem article {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 0 28px;align-items: start}
  .bp-family-tandem .bp-drawing {grid-row: 1 / span 2}
  .bp-family-tandem h4 {align-self: end}
  .bp-family-tandem article > p {margin-top: 12px}
}

@media (max-width: 700px) {
  main > .section:not(.page-intro):not(.field-background-section):not(.media-chapter-link):not(.design-story):not(.engineering) {padding-top: 64px;padding-bottom: 64px}
  .home-section-heading,
  .platform-heading,
  .film-heading,
  .bp-missions-heading {display: block;padding: 30px 0 28px}
  .home-section-heading h2,
  .platform-heading h2,
  .film-heading h2,
  .real-section-heading h2,
  .bp-missions-heading h2 {font-size: 34px;line-height: 1.3}
  .home-section-heading > p,
  .platform-heading > p,
  .film-heading > p,
  .real-section-heading > div:last-child > p,
  .bp-missions-heading > p,
  .bp-development-heading > p,
  .page-intro-grid > div > p,
  .page-next p:not(.eyebrow) {font-size: 13px;line-height: 1.9;max-width: 36ch;margin-top: 22px}
  .section-top {gap: 20px;align-items: start}
  .section-top .eyebrow,
  .real-section-heading .eyebrow {font-size: 9px}
  .section-top > a,
  .section-top > span,
  .home-products .section-top > a,
  .home-missions .section-top > a,
  .real-section-heading .link-line,
  .page-next .link-line {font-size: 12px}
  .statement-tail p {font-size: 13px;line-height: 1.95}
  .bp-capabilities p,
  .home-product-link > p,
  .live-film-grid article > p,
  .engineering-media-grid p {font-size: 12px;line-height: 1.9}
  .bp-capability-note,
  .concept-note {font-size: 11px;line-height: 1.85}
  .home-product-grid {gap: 34px}
  .mission-preview-grid {gap: 30px}
  .mission-preview-grid img {width: 100%;height: auto;aspect-ratio: 16/10}
  .mission-preview-grid a > span {font-size: 15px;margin-top: 14px}
  body[data-page="products"] .platform-info {grid-template-columns: 1fr;gap: 23px;margin-top: 28px}
  body[data-page="products"] .platform-info > div,
  body[data-page="products"] .platform-info > p,
  body[data-page="products"] .platform-info > dl {grid-column: auto;grid-row: auto}
  body[data-page="products"] .platform-info > p {font-size: 13px;max-width: none}
  body[data-page="products"] .platform-info h3 {font-size: 27px}
  body[data-page="products"] .platform-info dl {font-size: 13px;gap: 13px}
  .bp-development {padding-top: 40px;margin-top: 46px}
  .bp-development-heading {margin-bottom: 28px}
  .bp-development-heading h3 {font-size: 30px;line-height: 1.35}
  .bp-family-layout {gap: 32px}
  .bp-family-pair {grid-template-columns: 1fr;gap: 30px}
  .bp-family-label {min-height: 0;padding: 16px 0;margin-bottom: 9px;font-size: 12px}
  .bp-family-label > span {font-size: 9px}
  .bp-drawing,
  .bp-family-tandem .bp-drawing {height: auto;aspect-ratio: 16/10;padding: 18px}
  .bp-family h4 {font-size: 18px;margin-top: 18px}
  .bp-family article > p {font-size: 13px;max-width: none}
  .bp-family-tandem {margin-top: 0}
  .bp-family-tandem article {display: block}
  .bp-family-tandem article > p {margin-top: 10px}
  .bp-development-note {display: block;font-size: 11px;line-height: 1.85;margin-top: 28px;padding-top: 18px}
  .bp-development-note > p {text-align: left;margin-top: 10px}
  .livery-details .real-section-heading {margin-bottom: 32px}
  .livery-detail-grid {grid-template-columns: 1fr;gap: 32px}
  .livery-detail-card:nth-child(2) {padding-top: 0}
  .livery-detail-card figcaption,
  .real-photo-card figcaption {font-size: 12px;line-height: 1.8;margin-top: 13px}
  .livery-details + .prototype-photos {padding-top: 38px}
  .real-photo-grid {gap: 26px 18px}
}

/* Compact windows keep the chapter controls within the visible stage. */
@media(min-width:701px) and (max-height:700px){
  body[data-page="products"] .design-stage{min-height:0}
  body[data-page="products"] .story-view{top:105px;bottom:87px}
  body[data-page="products"] .chapter-copy,
  body[data-page="products"] .design-stage[data-chapter] .chapter-copy{top:29%}
  .chapter-copy h2{font-size:27px}
  .chapter-copy>p:last-child{font-size:13px;margin-top:15px;line-height:1.8}
}
@media(min-width:701px) and (max-height:520px){
  body[data-page="products"] .story-platform-switch{top:8px}
  .story-platform-caption{display:none}
  body[data-page="products"] .chapter-copy,
  body[data-page="products"] .design-stage[data-chapter] .chapter-copy{top:88px}
  .chapter-copy .eyebrow{font-size:10px;margin-bottom:12px}
  .chapter-copy h2{font-size:24px;line-height:1.3}
  .chapter-copy>p:last-child{display:none}
  body[data-page="products"] .story-view{top:64px;bottom:68px}
  body[data-page="products"] .stage-bottom{bottom:10px;min-height:44px;padding-top:6px}
  .chapter-controls button{min-height:38px;padding:8px 0;font-size:12px}
}
@media(max-width:700px) and (max-height:640px){
  body[data-page="products"] .design-stage{min-height:0}
  body[data-page="products"] .chapter-copy,
  body[data-page="products"] .design-stage[data-chapter] .chapter-copy{top:138px}
  .chapter-copy>p:last-child{display:none}
  body[data-page="products"] .story-view{top:232px;bottom:78px}
  body[data-page="products"] .stage-bottom{bottom:12px;min-height:50px;padding-top:5px}
}
@media(max-width:700px) and (max-height:640px) and (orientation:landscape){
  body[data-page="products"] .stage-top{top:17px;font-size:8px}
  body[data-page="products"] .story-platform-switch{top:8px;left:auto;right:24px;width:52%}
  .story-platform-tabs{gap:20px}
  .story-platform-tabs button{font-size:11px;min-height:38px}
  .story-platform-caption{display:none}
  body[data-page="products"] .chapter-copy,
  body[data-page="products"] .design-stage[data-chapter] .chapter-copy{top:85px;width:32%;right:auto}
  .chapter-copy h2{font-size:23px}
  .chapter-copy .eyebrow{font-size:8px;margin-bottom:10px}
  body[data-page="products"] .story-view{top:67px;bottom:70px;left:39%;right:12px}
}
