/**
 * [labz_page_banner] — full-width page hero.
 * Breaks out of the constrained content container to span the viewport width.
 */
.labz-banner {
	position: relative;
	left: 50%;
	right: 50%;
	width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-bottom: clamp(20px, 3vw, 40px);
	padding: clamp(48px, 8vw, 110px) clamp(18px, 5vw, 60px);
	background: radial-gradient(120% 140% at 50% 0%, #0a4258 0%, #013851 55%, #012433 100%);
	color: #eaf3f8;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}
.labz-banner * { box-sizing: border-box; }

.labz-banner__inner {
	position: relative;
	z-index: 1;
	max-width: 820px;
	margin: 0 auto;
}

.labz-banner__title {
	margin: 0;
	color: #ffffff;
	font-weight: 800;
	font-size: clamp(28px, 5vw, 52px);
	line-height: 1.08;
	letter-spacing: -0.5px;
}

.labz-banner__subtitle {
	margin: clamp(10px, 1.4vw, 18px) auto 0;
	max-width: 640px;
	color: rgba(234, 243, 248, 0.82);
	font-size: clamp(15px, 1.6vw, 19px);
	line-height: 1.55;
}

/* Subtle accent underline under the title */
.labz-banner__title::after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	margin: 18px auto 0;
	border-radius: 3px;
	background: #6ec1e4;
}

/* Left-aligned variant */
.labz-banner--left { text-align: left; }
.labz-banner--left .labz-banner__inner { margin: 0; }
.labz-banner--left .labz-banner__subtitle { margin-left: 0; }
.labz-banner--left .labz-banner__title::after { margin-left: 0; }

@media (max-width: 600px) {
	.labz-banner__title::after { margin-top: 14px; }
}