/* Subpage opening: stage layout, heading fallbacks, and responsive typography.
 * Keep the HTML stylesheet order: specificity and module order define the cascade.
 */

.inner-runway {
  --header: var(--size-header-desktop);
  --stage: calc(100svh - var(--header));
  background: var(--new-ground);
  color: var(--new-ink);
}

.inner-runway .inner-stage {
  min-height: var(--stage);
  margin: 0;
  display: grid;
  align-content: center;
  padding-block: clamp(2.5rem, 5.4vw, 5.75rem);
  background: var(--new-ground);
  color: var(--new-ink);
  overflow: clip;
}

.inner-runway .inner-stage > .inner-grid {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0,1fr) minmax(0,1.04fr);
  gap: clamp(1.7rem,5vw,6rem);
  min-width: 0;
}

.inner-runway .inner-grid > * {
  min-width: 0;
}

.inner-runway .inner-grid :is(.hero-text,.route-hero__copy) {
  order: unset;
  z-index: 1;
}

/* Heading fallback for browsers without container units */

.inner-runway .inner-grid h1 {
  font-size: clamp(2.45rem,4.65vw,5.3rem);
  line-height: 1.04;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.inner-runway .inner-grid :is(h1,p,.eyebrow,.v5-hero-label,.case-overline) {
  color: inherit;
}

.inner-runway .inner-grid :is(.hero-deck,.route-hero__copy > p) {
  max-width: 48ch;
}

.inner-runway .inner-grid .button-primary {
  background: var(--color-brand);
  border-color: var(--color-brand);
  color: var(--color-white);
}

.inner-runway .inner-grid :is(.button-primary,.button--primary):hover {
  background: var(--color-brand-hover);
  border-color: var(--color-brand-hover);
}

.inner-runway .inner-grid .inner-next {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  min-height: 44px;
  margin-top: .85rem;
  border-bottom: 2px solid currentColor;
  color: inherit;
  font-weight: 700;
}

@media (min-width: 980px) {
  .inner-editorial .inner-grid > :first-child,
  .inner-lens .inner-grid > :first-child {
    grid-column: 2;
    grid-row: 1;
  }

  .inner-evidence .inner-stage > .inner-grid {
    grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);
  }
}

@media (max-width: 760px) {
  .inner-runway {
    --header: 72px;
  }

  .inner-runway .inner-stage > .inner-grid {
    grid-template-columns: 1fr;
    gap: 1.35rem;
  }

  .inner-runway .inner-stage {
    padding-block: 1.8rem 2.2rem;
  }

  .inner-runway .inner-grid h1 {
    font-size: clamp(2.15rem,8.6vw,3.7rem);
  }
}

.redesign .site-header :is(.nav-toggle,.mobile-menu-button) {
  color: var(--new-paper-ink);
  background: var(--new-paper);
  border-color: var(--new-paper);
}

.redesign .site-header :is(.nav-toggle,.mobile-menu-button) span {
  background: var(--new-paper-ink);
}

@media (min-width: 761px) and (max-width: 979px) {
  .inner-runway .inner-stage {
    align-content: start;
    padding-block-start: clamp(3rem,12svh,8rem);
  }
}

.inner-runway .inner-grid > :first-child:not(.inner-film) {
  container-type: inline-size;
}

.inner-runway .inner-grid h1 {
  max-width: none;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  font-size: min(clamp(2.45rem,4.65vw,5.3rem), 12.6cqi);
}

@media (max-width: 760px) {
  .inner-runway .inner-grid h1 {
    font-size: min(clamp(2.1rem,8.6vw,3.7rem), 11.8cqi);
  }
}