.mhp-projects {
	--mhp-navy: #101a24;
	--mhp-charcoal: #2d3034;
	--mhp-gold: #a87426;
	--mhp-gold-dark: #95651f;
	--mhp-cream: #f1ede7;
	--mhp-text: #4b4d50;
	--mhp-light-text: #ffffff;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	font-family: inherit;
	box-sizing: border-box;
}

.mhp-projects *,
.mhp-projects *::before,
.mhp-projects *::after {
	box-sizing: border-box;
}

.mhp-list-header,
.mhp-project-row {
	display: grid;
	grid-template-columns: minmax(0, 62%) minmax(0, 38%);
}

.mhp-list-header {
	min-height: 78px;
	color: var(--mhp-light-text);
	font-size: clamp(20px, 2.2vw, 32px);
	font-weight: 700;
	text-align: center;
}

.mhp-header-details,
.mhp-header-projects {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px 22px;
}

.mhp-header-details {
	background: var(--mhp-charcoal);
	border-left: 12px solid var(--mhp-gold);
}

.mhp-header-projects {
	background: var(--mhp-navy);
}

.mhp-project-row {
	position: relative;
	min-height: 150px;
	border-bottom: 1px solid rgba(255,255,255,.24);
}

.mhp-project-details {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	padding: 24px 34px 24px 24px;
	background: var(--mhp-cream);
	color: var(--mhp-text);
	border-left: 12px solid var(--mhp-gold);
}

.mhp-detail-copy {
	flex: 1;
	text-align: left;
}

.mhp-detail-line {
	margin: 0 0 12px;
	font-size: clamp(15px, 1.35vw, 21px);
	line-height: 1.65;
}

.mhp-detail-line:last-child {
	margin-bottom: 0;
}

.mhp-detail-line strong {
	color: var(--mhp-text);
}

.mhp-project-number {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 84px;
	height: 34px;
	padding: 0 16px;
	background: var(--mhp-gold-dark);
	color: var(--mhp-light-text);
	font-size: 23px;
	font-weight: 800;
	line-height: 1;
}

.mhp-project-name {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 38px 24px 28px;
	background: var(--mhp-gold);
	color: var(--mhp-light-text);
	text-align: center;
	font-size: clamp(18px, 1.75vw, 28px);
	font-weight: 700;
	line-height: 1.45;
	clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%);
}

.mhp-project-row:nth-child(even) .mhp-project-name {
	filter: brightness(1.05);
}

.mhp-project-name span {
	max-width: 100%;
}

.mhp-empty {
	text-align: center;
	padding: 24px;
}

@media (max-width: 767px) {
	.mhp-list-header {
		display: none;
	}

	.mhp-project-row {
		display: flex;
		flex-direction: column-reverse;
		min-height: 0;
		margin-bottom: 18px;
		border: 1px solid rgba(0,0,0,.08);
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 8px 22px rgba(0,0,0,.07);
	}

	.mhp-project-name {
		clip-path: none;
		min-height: 76px;
		padding: 18px 20px;
		font-size: 20px;
	}

	.mhp-project-details {
		border-left: 7px solid var(--mhp-gold);
		padding: 18px;
		gap: 14px;
	}

	.mhp-detail-line {
		font-size: 15px;
		margin-bottom: 7px;
	}

	.mhp-project-number {
		min-width: 54px;
		height: 30px;
		font-size: 18px;
		padding: 0 10px;
	}
}