/* The actual rendered hourglass now plays in 4.32 seconds via its v70 WebP.
   A resting maple catches a small, visible breeze beside the glass. */
#invitation-page #countdown.finale-scene .clock-keepsake {
  transform-origin: 78% 86%;
  animation: clock-maple-sway-v70 3.6s ease-in-out infinite;
  animation-play-state: var(--finale-play,paused);
}
#invitation-page #countdown.finale-scene .clock-keepsake img {
  transform-origin: 72% 80%;
  filter: saturate(.73) brightness(.96) drop-shadow(2px 4px 2px rgb(5 20 11/.28));
  animation: clock-maple-curl-v70 2.4s ease-in-out infinite;
  animation-play-state: var(--finale-play,paused);
}
@keyframes clock-maple-sway-v70 {
  0%,100% { transform: translate3d(-1px,0,0) rotate(-31deg); }
  35% { transform: translate3d(2px,-3px,0) rotate(-21deg); }
  65% { transform: translate3d(1px,-1px,0) rotate(-25deg); }
}
@keyframes clock-maple-curl-v70 {
  0%,100% { transform: perspective(220px) rotateX(0deg) rotateY(-3deg); }
  48% { transform: perspective(220px) rotateX(9deg) rotateY(7deg); }
}
@media(prefers-reduced-motion:reduce) {
  #invitation-page #countdown.finale-scene .clock-keepsake,
  #invitation-page #countdown.finale-scene .clock-keepsake img { animation: none!important; }
  #invitation-page #countdown.finale-scene .clock-keepsake { transform: rotate(-28deg); }
  #invitation-page #countdown.finale-scene .clock-keepsake img { transform: none; }
}
body.card-preview #invitation-page #countdown.finale-scene .clock-keepsake,
body.card-preview #invitation-page #countdown.finale-scene .clock-keepsake img { animation: none!important; }
body.card-preview #invitation-page #countdown.finale-scene .clock-keepsake { transform: rotate(-28deg); }
body.card-preview #invitation-page #countdown.finale-scene .clock-keepsake img { transform: none; }