/* Logo-mosaiikkianimaatio – etusivun tyylit */
.lma-stage {
	position: relative;
	display: block;
	margin: 0 auto;
	line-height: 0;
}

.lma-stage .lma-tile {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	opacity: 0;
	transform: translate(var(--dx, 0), var(--dy, 0)) scale(.34) rotate(var(--r, 0deg));
	transition: opacity .5s ease, transform .7s cubic-bezier(.18, .85, .25, 1);
	will-change: transform, opacity;
}

.lma-stage .lma-tile.in {
	opacity: 1;
	transform: none;
}

/* Ehjä kokokuva, joka häivytetään esiin kun viimeiset palat ovat paikoillaan. */
.lma-stage .lma-final {
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 100%;
	opacity: 0;
	transition: opacity .45s ease;
	pointer-events: none;
}

.lma-stage .lma-final.shown {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.lma-stage .lma-tile {
		transform: none;
		transition: opacity .35s ease;
	}
}