.skills-hero {
	position: relative;
	margin-block-start: 0;
	background-color: var(--wp--preset--color--brand-primary);
	padding: 160px 64px 64px;
	border-bottom-left-radius: 24px;
	overflow: hidden;
}

.skills-hero::before {
	content: '';
	position: absolute;
	top: var(--header-height, 80px);
	left: 0;
	width: 24px;
	height: 24px;
	background: var(--page-background-color);
	clip-path: path('M 0 0 L 24 0 A 24 24 0 0 0 0 24 Z');
	z-index: 1;
}

.skills-hero__text {
	max-width: 700px;
}

.skills-hero__text h1 {
	margin-bottom: 16px;
}

.skills-hero__text p {
	margin-bottom: 32px;
}

.skills-hero--secondary {
	background-color: var(--wp--preset--color--brand-secondary);
}

@media (max-width: 600px) {
	.skills-hero {
		padding: 140px 24px 48px;
	}
}