/**
 * Logo Animation - Spin with Bounce
 * Plays once on page load
 *
 * @package tmh2025
 */

.site-logo-animated {
	display: inline-block;
	animation: spinBounce 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transform-origin: center center;
}

@keyframes spinBounce {
	0% {
		transform: rotate(0deg) scale(0.3);
		opacity: 0;
	}
	50% {
		transform: rotate(180deg) scale(1.5);
		opacity: 1;
	}
	65% {
		transform: rotate(200deg) scale(1);
	}
	80% {
		transform: rotate(350deg) scale(1.25);
	}
	100% {
		transform: rotate(360deg) scale(1);
		opacity: 1;
	}
}

/* Prevent animation on subsequent interactions */
.site-logo-animated.animation-complete {
	animation: none;
}

/* Ensure the logo image doesn't get distorted */
.site-logo-animated img {
	display: block;
	max-width: 100%;
	height: auto;
}