/* Saturn V × Concorde homepage cover, V12: lower content, no eyebrow, 2026-10-09. */
body.page-id-40 #masthead, body.page-id-1138 #masthead {
  position: relative !important;
}
.entry-content > .fp-dawn-hero {
  --fp-cover-height: calc(100vw * 793 / 1983);
  box-sizing: border-box; width: 100%; max-width: none; margin: 0 !important;
  isolation: isolate; position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  height: auto; aspect-ratio: 1983 / 793; min-height: 0; max-height: none;
  padding: clamp(100px, calc(var(--fp-cover-height) * .20), 160px) 24px 28px !important;
  text-align: center; background: #203755;
}
/* The 1983:793 panoramic artwork and desktop stage share the same ratio: no crop or side panels. */
.entry-content > .fp-dawn-hero::before {
  content: ''; position: absolute; z-index: -2; pointer-events: none;
  width: 100%; height: 100%; aspect-ratio: auto; inset: 0;
  transform: none;
  background: url('/wp-content/uploads/2026/10/saturn-v-concorde-layout-v12.webp') center / cover no-repeat;
  mask-image: none;
}
.entry-content > .fp-dawn-hero::after {
  content: ''; position: absolute; z-index: -1; pointer-events: none; inset: 0;
  background: radial-gradient(ellipse at 50% 35%, rgba(7,17,33,.72), rgba(7,17,33,.42) 35%, rgba(7,17,33,.08) 70%),
    linear-gradient(to bottom, rgba(7,17,33,.13), rgba(7,17,33,.04) 65%, rgba(7,17,33,.28));
}
.fp-dawn-hero *, .fp-dawn-hero *::before, .fp-dawn-hero *::after { box-sizing: border-box; }
.entry-content .fp-dawn-hero :is(.fp-dawn-inner, .fp-preview-hero-inner) { position: relative; top: auto; width: min(760px, 100%); max-width: none; margin: 0 auto; color: #fff; }
.entry-content .fp-dawn-hero h1 {
  max-width: 760px; padding: 0 !important; margin: 0 auto 18px !important;
  color: #fff !important; font: 400 clamp(36px, 2.266667vw, 54px)/1.18 Inter, 'Noto Sans TC', sans-serif !important;
  letter-spacing: -.015em !important; text-transform: none !important; text-shadow: 0 2px 18px #0005;
}
.entry-content .fp-dawn-hero :is(.fp-dawn-intro, .fp-preview-intro) {
  max-width: 660px; padding: 0 !important; margin: 0 auto !important;
  color: #fff !important; font: 300 clamp(15px, .866667vw, 18px)/1.65 Inter, 'Noto Sans TC', sans-serif !important;
  letter-spacing: .005em; text-shadow: 0 2px 8px #0008;
}
.entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(760px, 100%); max-width: none; margin: 24px auto 0; padding: 0; gap: 12px; align-items: stretch;
}
.entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) :is(.fp-dawn-cta, .fp-preview-cta) {
  display: flex; align-items: center; justify-content: center;
  min-width: 0; min-height: 52px; padding: 13px 10px;
  border: 1.5px solid #d4af5a !important; border-radius: 50px;
  background: linear-gradient(180deg, rgba(18,24,40,.75), rgba(18,24,40,.45) 50%, rgba(18,24,40,.75)), rgba(26,26,46,.6);
  backdrop-filter: blur(8px); color: #e7c675 !important;
  font: 600 11px/1.4 Inter, 'Noto Sans TC', sans-serif; letter-spacing: .07em; text-transform: uppercase;
  text-decoration: none !important; text-shadow: none; box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) :is(.fp-dawn-cta, .fp-preview-cta):hover {
  border-color: #f3d794 !important; box-shadow: 0 7px 22px #d4af5a38; transform: translateY(-2px);
}
.fp-dawn-hero :is(.fp-dawn-cta, .fp-preview-cta):focus-visible { outline: 2px solid #edcf8b; outline-offset: 4px; }
/* Keep the composite description available without overlaying the artwork. */
.fp-dawn-hero .fp-dawn-photo-label {
  position: absolute !important; width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);
  clip-path: inset(50%); white-space: nowrap; border: 0;
}
html[lang^='zh'] .entry-content .fp-dawn-hero h1 {
  font-size: clamp(34px, 2vw, 50px) !important; line-height: 1.35 !important; letter-spacing: .04em !important;
}
@media (min-width: 1250px) and (max-width: 1499px) {
  .entry-content > .fp-dawn-hero { padding-top: 90px !important; }
  .entry-content .fp-dawn-hero h1 { font-size: 36px !important; margin-bottom: 14px !important; }
  html[lang^='zh'] .entry-content .fp-dawn-hero h1 { font-size: 34px !important; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-intro, .fp-preview-intro) { font-size: 15px !important; line-height: 1.6 !important; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) { margin-top: 16px; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) :is(.fp-dawn-cta, .fp-preview-cta) { min-height: 48px; padding: 12px 8px; }
}
/* Give the panoramic photograph its own full-width frame on tablets. */
@media (max-width: 1249px) {
  .entry-content > .fp-dawn-hero {
    --fp-image-strip: calc(100vw * 793 / 1983);
    aspect-ratio: auto; display: block; height: auto; min-height: 0; max-height: none; overflow: visible;
    padding: calc(var(--fp-image-strip) + 55.5px) 22px 32px !important; background: #142237;
  }
  .entry-content > .fp-dawn-hero::before { height: auto; aspect-ratio: 1983 / 793; bottom: auto; }
  .entry-content > .fp-dawn-hero::after {
    inset: 0 0 auto; height: var(--fp-image-strip);
    background: linear-gradient(to bottom, transparent 78%, #142237);
  }
  .entry-content .fp-dawn-hero :is(.fp-dawn-inner, .fp-preview-hero-inner) { width: min(720px, 100%); }
  .entry-content .fp-dawn-hero h1 { font-size: 32px !important; line-height: 1.15 !important; margin-bottom: 18px !important; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-intro, .fp-preview-intro) { font-size: 15px !important; line-height: 1.8 !important; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(600px, 100%); max-width: 600px; margin: 24px auto 0; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) :is(.fp-dawn-cta, .fp-preview-cta) { min-height: 50px; padding: 12px 8px; font-size: 11px; letter-spacing: .08em; grid-column: auto; }
  html[lang^='zh'] .entry-content .fp-dawn-hero h1 { font-size: 30px !important; line-height: 1.4 !important; letter-spacing: .015em !important; }
}
/* A taller, complete composition gives both subjects presence on phones. */
@media (max-width: 767px) {
  .entry-content > .fp-dawn-hero { --fp-image-strip: calc(100vw * 941 / 1672); }
  .entry-content > .fp-dawn-hero::before {
    aspect-ratio: 1672 / 941;
    background-image: url('/wp-content/uploads/2026/10/saturn-v-concorde-v4.webp');
  }
}
@media (max-width: 360px) {
  .entry-content .fp-dawn-hero h1 { font-size: 28px !important; }
  html[lang^='zh'] .entry-content .fp-dawn-hero h1 { font-size: 26px !important; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) { align-items: stretch; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) :is(.fp-dawn-cta, .fp-preview-cta) { min-height: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  .entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) :is(.fp-dawn-cta, .fp-preview-cta) { transition: none; }
  .entry-content .fp-dawn-hero :is(.fp-dawn-ctas, .fp-preview-ctas) :is(.fp-dawn-cta, .fp-preview-cta):hover { transform: none; }
}

/* Keep the existing desktop navigation within narrower homepage viewports. */
@media (min-width: 922px) and (max-width: 1150px) {
  body.page-id-40 #masthead .ast-builder-menu-1,
  body.page-id-1138 #masthead .ast-builder-menu-1 { margin-left: 0 !important; }
  body.page-id-40 #masthead .ast-builder-grid-row,
  body.page-id-1138 #masthead .ast-builder-grid-row { column-gap: 12px !important; }
}
@media (min-width: 922px) and (max-width: 1050px) {
  body.page-id-40 #masthead .ast-builder-grid-row,
  body.page-id-1138 #masthead .ast-builder-grid-row { column-gap: 6px !important; }
  body.page-id-40 #masthead .site-primary-header-wrap,
  body.page-id-1138 #masthead .site-primary-header-wrap { padding-left: 12px !important; padding-right: 12px !important; }
  body.page-id-40 #masthead .ast-builder-menu-1 .main-header-menu > .menu-item:not(.menu-item-signin) > .menu-link,
  body.page-id-1138 #masthead .ast-builder-menu-1 .main-header-menu > .menu-item:not(.menu-item-signin) > .menu-link {
    font-size: 11px !important; padding-left: 4px !important; padding-right: 4px !important;
  }
}