/* Same two-pass timing; only the second square is oriented as a diamond. */
.motion-v11 #hero-stage .geometry-active .geo-box{animation-name:hero-square-then-diamond;animation-duration:4600ms;animation-iteration-count:1}
@keyframes hero-square-then-diamond{
 0%{width:64px;height:64px;opacity:0;transform:rotate(0deg)}
 4.955%{opacity:.75}
 15.695%{width:50px;height:50px;opacity:.65}
 33.045%,49.999%{width:0;height:0;opacity:0;transform:rotate(0deg)}
 50%{width:64px;height:64px;opacity:0;transform:rotate(45deg)}
 54.955%{opacity:.75}
 65.695%{width:50px;height:50px;opacity:.65}
 83.045%,100%{width:0;height:0;opacity:0;transform:rotate(45deg)}
}