/* Mobile finish: full image toning, intentional crops and text-style arrows. */
.button span,
.text-link span,
.nav-cta,
.explore b,
.route a,
.programme-row a,
.method-copy a,
.family-qatar a,
.family-closing a {
  font-family: Arial, Helvetica, sans-serif;
  font-variant-emoji: text;
}

@media (max-width: 650px) {
  .family-generations-story,
  .family-global-horizon {
    isolation: isolate;
    overflow: hidden;
  }

  .family-generations-story::after,
  .family-global-horizon::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    pointer-events: none;
  }

  .family-generations-story::after {
    background:
      linear-gradient(180deg, rgba(42, 10, 33, .93) 0%, rgba(67, 21, 48, .78) 58%, rgba(45, 13, 35, .72) 100%),
      linear-gradient(90deg, rgba(77, 25, 55, .35), rgba(42, 12, 34, .25));
  }

  .family-global-horizon::after {
    background:
      linear-gradient(180deg, rgba(42, 10, 33, .92) 0%, rgba(73, 23, 53, .76) 58%, rgba(43, 12, 34, .72) 100%),
      linear-gradient(90deg, rgba(79, 28, 57, .34), rgba(42, 12, 34, .26));
  }

  .people-panorama .people-background {
    object-position: 84% center;
  }

  .enter-qatar .qatar-arrival .page-scene {
    object-position: 86% center;
  }
}

/* Leadership: two leaders shown, so use two columns. */
@media (min-width: 601px) {
  .leadership-index .people-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}