/* HFP Scatter Text — chỉnh độ lung tung bằng các biến dưới đây (thêm vào CSS bổ sung nếu muốn đổi):
   --hfp-scatter-x: độ lệch ngang (em), --hfp-scatter-y: độ lệch dọc (em), --hfp-scatter-overlap: độ chồng lên nhau. */
.is-scattered {
	position: relative;
	--hfp-scatter-x: 1.2;
	--hfp-scatter-y: 0.6;
	--hfp-scatter-overlap: -0.3em;
	line-height: 1.7;
	padding-block: 0.5em;
}
.is-scattered .hfp-scatter__item {
	display: inline-block;
	position: relative;
	margin-inline: var(--hfp-scatter-overlap);
	white-space: nowrap;
	transform: translate(var(--dx, 0), var(--dy, 0));
	transition: transform 0.6s cubic-bezier(.3, 1.35, .5, 1);
}
/* Dấu phẩy vẫn nằm trong HTML cho Google / trình đọc màn hình, chỉ ẩn khỏi mắt. */
.is-scattered .hfp-scatter__sep {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
	.is-scattered .hfp-scatter__item { transition: none; }
}