/*
 * Harashina Standard — motion基盤（控えめなreveal演出の共通クラス）
 *
 * 確定済みprototypeで採用していた「スクロールで静かにopacity/translateが
 * 変化する」演出を、今回の基盤整備の範囲で再利用できるよう最小限だけ
 * 共通化したもの。Hero固有の演出（写真拡大・文字fadeのタイミング調整等）は
 * 今回移植しない。ここにあるのは、任意の要素に .js-reveal を付けるだけで
 * 使える汎用のreveal-on-scrollだけ。
 *
 * 対応するJSはassets/js/reveal.js（IntersectionObserver使用）。
 */

.js-reveal{
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.8s var(--ease-in, ease), transform 0.8s var(--ease-in, ease);
}

.js-reveal.is-visible{
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce){
	.js-reveal{
		opacity: 1;
		transform: none;
		transition: none;
	}
}