/* Reveal the artwork as the four pieces start spreading at the existing 1.58s cue. */
.hero-motion .hero-piece {
  z-index:1;
  animation:hero-split-1009 .9s cubic-bezier(.2,.7,.25,1) 1.58s both;
}
.hero-motion .hero-piece picture {
  animation:hero-image-morph-1009 .62s ease-out 1.58s both,hero-float-smooth-1009 5.5s ease-in-out 2.75s infinite;
}
@keyframes hero-split-1009 {
  0% {opacity:0;transform:translate(var(--from-x),var(--from-y))}
  100% {opacity:1;transform:none}
}
@keyframes hero-image-morph-1009 {
  0% {opacity:0}
  100% {opacity:1}
}
@keyframes hero-float-smooth-1009 {
  0%,100% {transform:translateY(0) rotate(0)}
  50% {transform:translateY(-7px) rotate(.35deg)}
}

@media (prefers-reduced-motion:reduce) {
  .hero-motion .hero-piece,.hero-motion .hero-piece picture {animation:none;opacity:1;transform:none;clip-path:none}
}