/*
 * Section rhythm — ghost number 01/02/03 kiểu cinematic: số lớn viền gold mờ,
 * title đè lên tạo chiều sâu. Nhịp học từ Stargaze, code lại từ đầu.
 */

.section {
	/* Rút gọn chiều dài trang (27/07/2026): trước là clamp(3.5rem, 7vw, 6rem).
	   Giảm ~30% khoảng thở mà vẫn đủ tách bạch các section. */
	padding-block: clamp(2.5rem, 4.5vw, 4rem);
	border-top: 1px solid var(--color-border);
}

.section__number {
	display: block;
	font-family: var(--font-display);
	font-stretch: var(--font-stretch-display);
	font-weight: 800;
	font-size: clamp(4rem, 9vw, 7rem);
	line-height: 0.8;
	color: transparent;
	-webkit-text-stroke: 1px rgba(var(--color-gold-rgb), 0.45);
	user-select: none;
}

/* fallback trình duyệt không hỗ trợ text-stroke */
@supports not (-webkit-text-stroke: 1px black) {
	.section__number {
		color: rgba(var(--color-gold-rgb), 0.25);
	}
}

.section__title {
	margin-top: calc(-0.45 * var(--fs-h2));
	margin-bottom: var(--space-lg);
	padding-left: var(--space-xs);
}

.section__cta {
	margin-top: var(--space-md);
}