/**
 * Home "scoops" row: each image floats on its own slow circular path.
 * Mouse parallax is in assets/js/home-scoops.js.
 */
@keyframes floatSuspended {
	0% { transform: translate(0, -20px); }
	25% { transform: translate(20px, 0); }
	50% { transform: translate(0, 20px); }
	75% { transform: translate(-20px, 0); }
	100% { transform: translate(0, -20px); }
}

.scoops-image {
	will-change: transform;
}

.scoops-image figure {
	transition: transform 0.3s ease-out;
	will-change: transform;
}

.scoops-image.left-top { animation: floatSuspended 9s ease-in-out -3s infinite; }
.scoops-image.left-bottom { animation: floatSuspended 11s ease-in-out -7s infinite reverse; }
.scoops-image.center-top { animation: floatSuspended 7s ease-in-out -1s infinite; }
.scoops-image.right-top { animation: floatSuspended 10s ease-in-out -9s infinite reverse; }
.scoops-image.right-bottom { animation: floatSuspended 9s ease-in-out -4s infinite; }