/**
 * Opt-in viewport reveal: add class "viewport-reveal" via block → Advanced → Additional CSS class(es).
 * Animates opacity and transform only (compositor-friendly).
 */

.viewport-reveal {
	opacity: 0;
	transform: translate3d(0, 0.75rem, 0);
	transition:
		opacity 0.65s ease,
		transform 0.65s ease;
}

.viewport-reveal.is-viewport-visible {
	opacity: 1;
	transform: none;
}

/* Site Editor / block canvas: do not hide content while editing. */
.editor-styles-wrapper .viewport-reveal,
.block-editor-block-list__layout .viewport-reveal {
	opacity: 1;
	transform: none;
	transition: none;
}

@media (prefers-reduced-motion: reduce) {

	.viewport-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}