/* The same mobile framing as Home, with room for each page's title. */
@media (max-width: 900px) {
  .site-header:not(.is-scrolled) { background: transparent; backdrop-filter: none; }
  .journey-hero,
  .culture-hero {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    gap: 1.25rem;
    height: auto;
    min-height: clamp(28rem, 76svh, 52rem);
    max-height: none;
    margin: 0;
    padding: 7rem var(--gutter) 3.75rem;
    box-sizing: border-box;
  }
  .journey-hero-copy { margin: 0; }
  .culture-hero-inner { padding: 0; }
  .culture-hero-media { position: absolute; inset: 0; width: 100%; height: 100%; }
  .culture-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .journey-hero > img { object-position: 50% center; }
  .journey-hero::after,
  .culture-hero::after { background: linear-gradient(0deg, #000c, #0003 60%, #0002); }
  .journey-hero h1 { font-size: clamp(3.25rem, 12vw, 6rem); line-height: .96; margin: .75rem 0 1rem; }
  .culture-hero h1 { font-size: clamp(3.25rem, 10vw, 5.5rem); line-height: 1; max-width: 9ch; }
  .journey-hero .journey-kicker { margin: 0; }
  .journey-deck,
  .culture-hero-copy { font-size: 1rem; line-height: 1.6; max-width: 27rem; margin: 1rem 0 0; }
  .journey-hero-foot { position: static; margin: 0; font-size: .75rem; color: #ccc; }
  .journey-hero-foot span:last-child { display: none; }
}
@media (max-width: 650px) {
  .journey-hero,
  .culture-hero { min-height: clamp(26rem, 76svh, 44rem); padding-bottom: 3.25rem; }
}
@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) {
  .journey-hero,
  .culture-hero { min-height: max(20rem, 90svh); padding-top: 6rem; padding-bottom: 2rem; }
  .journey-hero h1 { font-size: 3.25rem; }
  .culture-hero h1 { font-size: 3.25rem; max-width: none; }
}

/* Match the phone homepage's full-height, softly fading image opening. */
@media (max-width: 650px) {
  .journey-hero,
  .culture-hero {
    height: auto;
    min-height: 100svh;
    max-height: none;
    aspect-ratio: auto;
    margin: 0;
    padding: 7rem var(--gutter) max(4rem, env(safe-area-inset-bottom));
  }
  .journey-hero::after,
  .culture-hero::after {
    background: linear-gradient(0deg, #101010 0%, #101010 3%, #101010d9 14%, #10101066 32%, transparent 65%, #0003 100%);
  }
}