/* Liike vain julkisella sivulla, ei editorissa. */
@keyframes tm-in { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
.tm-hero > * { animation: tm-in .9s cubic-bezier(.2, .7, .2, 1) both; }
.tm-hero > *:nth-child(2) { animation-delay: .15s; }
.tm-hero > *:nth-child(3) { animation-delay: .3s; }

@keyframes tm-rise { from { opacity: 0; transform: translateY(80px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes tm-drift { from { transform: translateY(40px); } to { transform: translateY(-40px); } }
@supports (animation-timeline: view()) {
	.tm-reveal { animation: tm-rise linear both; animation-timeline: view(); animation-range: entry 0% cover 35%; }
	.tm-drift { animation: tm-drift linear both; animation-timeline: view(); }
}
@media (prefers-reduced-motion: reduce) {
	.tm-hero > *, .tm-reveal, .tm-drift { animation: none !important; }
}
