/* Webux Statement (field block) - frontend.
   Pixel-ported from the original .lv-statement design (accent band).
   Section padding 104px and inner gap 28px come from the original section wrapper. */
.webux-statement {
	padding-block: 104px;
	padding-inline: 1.5rem;
}

.webux-statement__inner {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

/* Foreground defaults to dark so the light "surface" / "none" backgrounds stay
   readable; the accent (dark) band overrides both to white below. */
.webux-statement__mark {
	color: #1a1a1a;
}

.webux-statement__mark svg {
	width: 39px;
	height: 44px;
	opacity: 0.5;
	display: block;
}

.webux-statement__text {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.72px;
	color: #1a1a1a;
	max-width: 700px;
	margin: 0;
}

/* Accent band: white text + white brand mark (the original design). */
.webux-statement.has-accent-background-color .webux-statement__text,
.webux-statement.has-accent-background-color .webux-statement__mark {
	color: #fff;
}

@media (max-width: 782px) {
	.webux-statement {
		padding-block: 72px;
	}
	.webux-statement__text {
		font-size: 28px;
		letter-spacing: -0.56px;
	}
}
