/* Full-bleed impact banner — navy overlay */

.ph-impact {
	position: relative;
	min-height: 520px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 110px 20px;
	background-color: var(--ph-navy-deep, #0b1448);
	background-image:
		radial-gradient(ellipse 60% 50% at 20% 30%, rgba(247, 127, 0, 0.18), transparent 55%),
		linear-gradient(rgba(11, 20, 72, 0.78), rgba(17, 29, 106, 0.82)),
		var(--ph-impact-bg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ph-impact__inner {
	max-width: 900px;
}

.ph-impact h2 {
	margin: 0 0 14px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: clamp(28px, 3.6vw, 46px);
	font-weight: 700;
	line-height: 1.25;
}

.ph-impact__script {
	margin: 0 0 16px;
	color: var(--ph-accent, #f77f00);
	font-family: "Great Vibes", cursive;
	font-size: clamp(26px, 3.2vw, 40px);
	line-height: 1.3;
}

.ph-impact__lead {
	margin: 0 auto;
	max-width: 640px;
	color: rgba(255, 255, 255, 0.92);
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
}

@media (max-width: 767px) {
	.ph-impact {
		min-height: 360px;
		padding: 80px 18px;
		background-position: center;
	}
}