/* The artwork moves independently of the portrait and the text. */
@media (min-width:761px) {
  .personal .personal-art .personal-geometry {
    transform-origin:100% 35%;
    animation:personal-background-drift 14s ease-in-out infinite;
    will-change:transform;
  }
  html.opening-active .personal .personal-geometry {
    animation-play-state:paused;
  }
}
@keyframes personal-background-drift {
  0%,100% {transform:translate3d(0,0,0) scale(1.035,1.02) rotate(0deg)}
  50% {transform:translate3d(12px,-10px,0) scale(1.06,1.045) rotate(.9deg)}
}
@media (prefers-reduced-motion:reduce) {
  .personal .personal-art .personal-geometry {
    animation:none;
    transform:none;
    will-change:auto;
  }
}