/**
 * Scroll Reveal — CSS 変数でアニメーションを調整
 *
 * 外観 → 追加 CSS 例:
 *
 * :root {
 *   --ya-reveal-y: 48px;
 *   --ya-reveal-duration: 1s;
 *   --ya-reveal-ease: power3.out;
 *   --ya-reveal-stagger: 0.08s;
 *   --ya-reveal-start: top 80%;
 *   --ya-reveal-delay: 0.1s;
 * }
 *
 * 無効化: --ya-reveal-enabled: 0;
 */

.ya-snug-template {
	--ya-reveal-enabled: 1;
	--ya-reveal-y: 32px;
	--ya-reveal-duration: 0.7s;
	--ya-reveal-ease: power2.out;
	--ya-reveal-stagger: 0s;
	--ya-reveal-start: top 85%;
	--ya-reveal-delay: 0s;
}

/* フロント: JS 初期化前のちらつき防止 */
.ya-snug-template.ya-reveal-pending .ya-reveal-item {
	opacity: 0;
	transform: translate3d(0, var(--ya-reveal-y), 0);
	will-change: transform, opacity;
}

.ya-snug-template.ya-reveal-ready .ya-reveal-item {
	will-change: auto;
}

.ya-snug-template.ya-reveal-ready .ya-reveal-item.ya-reveal-done {
	opacity: 1;
	transform: none;
}

/* ブロックエディタ: 常に表示済み（編集しやすく） */
.editor-styles-wrapper .ya-reveal-item,
.block-editor-writing-flow .ya-reveal-item {
	opacity: 1 !important;
	transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.ya-snug-template {
		--ya-reveal-enabled: 0;
	}

	.ya-snug-template .ya-reveal-item {
		opacity: 1 !important;
		transform: none !important;
	}
}