/*
 * Kilimandzaro hub: preserve editorial line lengths on wide screens.
 * These headings are statements, not narrow display labels, so a word must
 * never be split just to preserve a fixed character measure.
 */
.hub-answer__grid {
  grid-template-columns: 40px minmax(0, 1.25fr) minmax(0, 1fr);
  gap: clamp(32px, 4vw, 64px);
}

.hub-answer { min-height: 0; padding-block: clamp(64px, 7vw, 112px); }

.hub-answer__statement h2,
.route-finder-section .h2 {
  max-width: none;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

.hub-answer__statement h2 {
  font-size: clamp(3.25rem, 4.5vw, 5.25rem);
}

.hub-answer__statement h2 br { display: none; }
.hub-answer__statement h2 em { display: block; margin-top: .15em; }

.hub-answer__copy {
  padding-top: clamp(40px, 3.3vw, 62px);
}

.route-finder-section .section-head {
  grid-template-columns: minmax(0, 1.22fr) minmax(370px, 0.78fr);
}

.route-finder-section .h2 {
  font-size: clamp(3rem, 4vw, 4.5rem);
}

/* The native video control chrome creates the dark hover veil in browsers. */
.ex-film-toggle { position: absolute; top: 14px; right: 72px; width: 46px; height: 46px; display: grid; place-items: center; padding: 0; border: 1px solid #c8a34e; border-radius: 50%; background: #123b32; color: #fff; cursor: pointer; z-index: 1; }
.ex-film-toggle:hover { background: #c8a34e; color: #082118; }
.ex-film-toggle:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.ex-film-toolbar { display: flex; align-items: center; gap: 14px; padding-top: 12px; color: #123b32; }
.ex-film-toolbar input { flex: 1; min-width: 0; height: 44px; margin: 0; accent-color: #8b6f2e; cursor: pointer; }
.ex-film-time { font: 12px var(--sans); font-variant-numeric: tabular-nums; }
.ex-film-toolbar button { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; color: inherit; cursor: pointer; }
.ex-film-toolbar button[hidden] { display: none; }
.ex-film-toolbar :focus-visible { outline: 2px solid #8b6f2e; outline-offset: 2px; }
.ex-film-cinematic #ex-expedition-film:fullscreen { width: 100%; height: 100%; object-fit: contain; transform: none; }
@media(min-width:1000px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
  .ex-film-cinematic .ex-film-toggle { top: calc(16px + 12% * (1 - var(--ex-scene,0))); right: calc(74px + 12% * (1 - var(--ex-scene,0))); }
}

@media (max-width: 1250px) {
  .route-finder-section .section-head {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 1100px) {
  .hub-answer__grid {
    grid-template-columns: 64px minmax(0, 1fr);
  }
  .hub-answer__copy { grid-column: 2; padding-top: 0; }
}

@media (max-width: 700px) {
  .hub-answer__grid {
    grid-template-columns: 1fr;
  }

  .hub-answer__statement h2 {
    font-size: clamp(2.75rem, 11vw, 3.75rem);
  }

  .hub-answer__copy { grid-column: 1; }

  .route-finder-section .h2 {
    font-size: clamp(2.5rem, 10vw, 3.5rem);
  }
}
@media (max-width: 600px) { .ex-film-toggle { top: 8px; right: 66px; } }