/*
 * Khối Giới thiệu – statement: một câu tuyên ngôn lớn và nhiều khoảng thở (120–160px trên máy tính).
 * wide-left: rộng 10/12 cột, bút dạ trên 1–2 cụm, dòng nguồn mono. centered: 760px, serif mảnh, dòng chữ ký.
 */

.vh-s.vh-v-statement {
	padding-block: clamp(64px, 12vw, 160px);
}

.vh-intro-st {
	display: grid;
	justify-items: start;
	gap: 16px;
}

.vh-intro-st__eyebrow {
	margin: 0;
	text-transform: var(--vh-label-transform, none);
	letter-spacing: var(--vh-ls-label, 0.04em);
}

.vh-intro-st__title {
	margin: 0;
	color: var(--vh-color-muted);
}

.vh-intro-st__text {
	max-width: calc(var(--vh-container) * 10 / 12);
	margin: 0;
	color: var(--vh-color-text);
	font-family: var(--vh-font-heading);
	font-size: clamp(1.5rem, 1.1rem + 1.8vw, 2.5rem);
	font-weight: var(--vh-fw-heading);
	line-height: max(1.3, var(--vh-lh-heading));
	letter-spacing: var(--vh-ls-heading, -0.01em);
	font-variation-settings: var(--vh-heading-variation, normal);
	text-wrap: pretty;
}

.vh-intro-st__attr {
	margin: 8px 0 0;
	color: var(--vh-color-muted);
	font-size: var(--vh-fs-small);
}

.vh-intro-st__attr--mono {
	font-family: var(--vh-font-accent, var(--vh-font-body));
	text-transform: var(--vh-label-transform, none);
	letter-spacing: var(--vh-ls-label, 0.02em);
}

.vh-intro-st__attr--serif {
	font-family: var(--vh-font-heading);
	font-size: var(--vh-fs-body);
	font-style: italic;
}

.vh-intro-st__sign {
	margin: 0;
	font-family: var(--vh-font-accent, var(--vh-font-heading));
	font-size: 1.5rem;
	line-height: 1.3;
}

/* ---- Căn giữa 760px, chữ mảnh ---- */
.vh-intro-st--centered {
	max-width: calc(760px + 2 * var(--vh-page-pad));
	justify-items: center;
	text-align: center;
}

.vh-intro-st--centered .vh-intro-st__text {
	font-size: clamp(1.375rem, 1.1rem + 1.2vw, 2.125rem);
	font-weight: var(--vh-fw-display, var(--vh-fw-heading));
	line-height: max(1.35, var(--vh-lh-heading));
}

/* Trên dải tối (options.bg = deep): giữ màu chữ của nền tối. */
.vh-deep .vh-intro-st__text {
	color: inherit;
}

.vh-deep .vh-intro-st__title,
.vh-deep .vh-intro-st__attr {
	color: var(--vh-color-muted-on-deep);
}
