/* Isolate painting without changing the approved reveal key states or timing. */
body.page-home.motion-ready :is(.concept__main, .concept__sub, .concept__tall) {
  contain: paint;
  backface-visibility: hidden;
  will-change: opacity, filter, transform;
}
body.page-home.motion-ready :is(.concept__main, .concept__sub, .concept__tall).concept-motion-complete {
  will-change: opacity, filter, transform;
}

/* Keep the decoded photo on a stable inner layer while its wrapper reveals. */
body.page-home .concept-photo__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: inherit;
  object-position: inherit;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}

/* Start the copy alongside its adjacent photo, with a short reading order. */
body.page-home.motion-ready .concept__copy .motion-heading.is-visible,
body.page-home.motion-ready .concept__copy .motion-copy.is-visible {
  transition-delay: var(--concept-copy-delay, 0ms) !important;
}
