/* CTA Section */
/* CTA Section with Dual Diagonal Splits */
.header-section {
	position: relative;
	overflow: hidden;
	background: var(--color-light);
	color: var(--text-color);
}

.header-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 35%;
	background: linear-gradient(
		135deg,
		rgba(32, 178, 170, 0.18),
		rgba(32, 178, 170, 0.25)
	);
	clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
	z-index: 1;
	pointer-events: none;
}

.header-section::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 75%;
	background: linear-gradient(
		225deg,
		rgba(0, 63, 92, 0.2),
		rgba(0, 63, 92, 0.28)
	);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 40% 100%);
	z-index: 1;
	pointer-events: none;
}
.header-section {
	padding-bottom: 0;
	display: grid;
	grid-template-columns: 1fr;
	z-index: 2;
}

.header-section__content {
	padding-right: 25%;
}

.header-section__content h2 {
	margin-bottom: 0;
}

.header-section__subtitle {
	overflow: visible;
}

.my-work-section__group {
	margin-bottom: var(--space-md);
}

.my-work-section__group-header {
	display: flex;
	align-items: center;
	gap: 0.5em;
}

.my-work-section__group-subtitle::before {
	content: "- ";
}

.my-work-section__group-title {
	color: var(--color-primary);
}

.my-work-section__group-subtitle {
	color: var(--color-text-darkish);
}

/* CTA Section */
/* CTA Section with Dual Diagonal Splits */
.cta-section {
	position: relative;
	overflow: hidden;
	background: var(--color-light);
	color: var(--text-color);
}

.cta-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 35%;
	background: linear-gradient(
		135deg,
		rgba(32, 178, 170, 0.18),
		rgba(32, 178, 170, 0.25)
	);
	clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 0% 100%);
	z-index: 1;
	pointer-events: none;
}

.cta-section::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 75%;
	background: linear-gradient(
		225deg,
		rgba(0, 63, 92, 0.2),
		rgba(0, 63, 92, 0.28)
	);
	clip-path: polygon(40% 0%, 100% 0%, 100% 100%, 0% 100%);
	z-index: 1;
	pointer-events: none;
}
.cta-section__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	z-index: 2;
}