/**
 * In-view image reveals — subtle fade + rise for block media.
 */

@media (prefers-reduced-motion: no-preference) {
	[data-rk-reveal] {
		opacity: 0;
		transform: translate3d(0, 1.25rem, 0);
		transition:
			opacity 780ms var(--rk-ease),
			transform 780ms var(--rk-ease);
		transition-delay: var(--rk-reveal-delay, 0ms);
		will-change: opacity, transform;
	}

	[data-rk-reveal].is-in-view {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	[data-rk-reveal].is-in-view.is-settled {
		will-change: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-rk-reveal] {
		opacity: 1;
		transform: none;
	}
}