/* 浮き上がる要素(JSで .fade-item が付く) */
.fade-item {
	opacity: 0;
	translate: 0 32px;
	transition:
		opacity 0.8s ease,
		translate 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
	transition-delay: var(--fade-delay, 0s);
}

.is-inview .fade-item {
	opacity: 1;
	translate: 0 0;
}

/* blobs.js が文字の位置を測るあいだだけ、ずれを戻す */
.blob-measuring .fade-item {
	translate: none !important;
}

.blob-no-transition .fade-item {
	transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.fade-item {
		opacity: 1;
		translate: none;
		transition: none;
	}
}