/* Block Hero chữ lớn (Figma "Detail page → Contact": tiêu đề Zalando 800 198/218 #666 rộng 1404, top 159;
   mô tả Be Vietnam Pro 600 32px #1E1E1E rộng 1153, top 853; khung form bên dưới top 1013) */

.block-statement {
	position: relative;
	padding: clamp(24px, 2.85vw, 55px) var(--gutter) clamp(40px, 4.17vw, 80px);
	overflow-x: clip;
	isolation: isolate;
	text-align: center;
}

/* Ruy băng vàng (kiểu chung .scroll-ribbon ở effects.css): tràn xuống sau khung form của section kế tiếp
   (form có z-index cao hơn). */
.scroll-ribbon--contact {
	aspect-ratio: 1920 / 1100;
}

.block-statement__inner {
	position: relative;
	display: grid;
	justify-items: center;
	gap: clamp(20px, 2.08vw, 40px);
	max-width: 1404px;
	margin-inline: auto;
}

.block-statement__title {
	display: grid;
	font-size: clamp(32px, 10.31vw, 198px); /* "TOGETHER" rộng ~7 lần cỡ chữ: vừa màn 360 */
	font-weight: 800;
	line-height: 1.1;
	text-transform: uppercase;
	color: #666;
}

.block-statement__text {
	max-width: 1153px;
	font-size: clamp(17px, 1.67vw, 32px);
	font-weight: 600;
	line-height: 1.25;
	text-transform: uppercase;
	color: var(--color-text);
}

.block-statement__sticker {
	position: absolute;
	pointer-events: none;
}

/* Ngôi sao xanh bên trái chữ "BUILD" (Figma: tâm x 486, y 522 trên khung 1920). */
.block-statement__sticker--star {
	top: 44%;
	left: 15%;
	width: clamp(28px, 2.6vw, 50px);
	height: auto;
	transform: rotate(-12deg);
}

/* Sticker "On time" sau chữ "TOGETHER" (Figma: tâm x 1691, y 805; phần sticker hiện ra rộng ~130 / 1920). */
.block-statement__sticker--bolt {
	top: 72%;
	right: -7.5%;
	width: clamp(56px, 7.3vw, 140px);
	height: auto;
}

/* Mobile: chữ chiếm gần hết bề ngang – đưa 2 sticker lên cạnh dòng "LET'S" (dòng ngắn nhất) để không đè chữ. */
@media (max-width: 767px) {
	.block-statement__sticker--star {
		top: 4%;
		left: 8%;
	}

	.block-statement__sticker--bolt {
		top: 0;
		right: 4%;
	}
}

/* Tiêu đề luôn nằm trên sticker. */
.block-statement__title {
	position: relative;
	z-index: 1;
}