/* Hero photo motion from Nikita's version. */

.hero-photo {
  animation: hero-settle 1.8s var(--ease) both;
}

@keyframes hero-settle {
  from {
    scale: 1.07;
  }
}

/* Slow drift of the photo inside its frame while the hero scrolls away. */
@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    .hero-photo {
      height: 112%;
      animation: hero-settle 1.8s var(--ease) both, hero-drift linear both;
      animation-timeline: auto, scroll(root);
      animation-range: normal, 0 110vh;
    }
  }
}

@keyframes hero-drift {
  to {
    translate: 0 -10.7%;
  }
}