/**
 * Experience — elegant motion polish (never replaces design).
 */

html.tolin-motion [data-reveal] {
	opacity: 0;
	transform: translate3d(0, 20px, 0);
	transition:
		opacity var(--tolin-duration-slow) var(--tolin-ease-out),
		transform var(--tolin-duration-slow) var(--tolin-ease-out);
}

html.tolin-motion [data-reveal].is-visible {
	opacity: 1;
	transform: none;
}

.card-service,
.card-review,
.card-gallery,
.card-trust,
.ba-card,
.invite__form-shell,
.feature__media,
.atelier__frame {
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	html.tolin-motion [data-reveal] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	.btn:hover,
	.card-service:hover,
	.social-icon:hover {
		transform: none;
	}
}