body.post-type-archive-project {
	overflow-x: clip;
}

body.post-type-archive-project .socials-sidebar {
	display: none;
}

body.post-type-archive-project .hero_archief-layout .pk-row {
	padding-top: clamp(150px, 22vw, 200px);
	padding-bottom: clamp(18px, 4vw, 36px);
}

body.post-type-archive-project .hero_archief-layout {
	margin-bottom: 0;
}

body.post-type-archive-project .hero_archief-layout .pk-row-content,
body.post-type-archive-project .project_grid-layout .pk-row-content {
	grid-template-columns: repeat(8, minmax(0, 1fr));
	row-gap: 22px;
}

body.post-type-archive-project .hero_archief-layout .title-col,
body.post-type-archive-project .hero_archief-layout .text-col,
body.post-type-archive-project .project_grid-layout .pk-col {
	grid-column: 1 / -1 !important;
	grid-row: auto !important;
	width: 100%;
	max-width: 100%;
}

body.post-type-archive-project .hero_archief-layout .pk-heading {
	font-size: clamp(42px, 10vw, 72px);
	line-height: .9;
}

body.post-type-archive-project .hero_archief-layout .pk-text {
	max-width: 620px;
}

body.post-type-archive-project .project_grid-layout {
	margin-top: 0;
	background: linear-gradient(to bottom, var(--pk-page-bg-color) 720px, var(--secondary-white) 720px);
}

body.post-type-archive-project .project_grid-layout .pk-row {
	padding-top: 36px;
}

body.post-type-archive-project .project_grid-layout .project-grid-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 0;
}

body.post-type-archive-project .project_grid-layout .project-grid-filters {
	width: 100%;
	max-width: 100%;
}

body.post-type-archive-project .project_grid-layout .project-grid-filters .sf-field-taxonomy-dienst_tag > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
}

body.post-type-archive-project .project_grid-layout .project-grid-filters .sf-label-radio {
	min-height: 42px;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 1;
}

body.post-type-archive-project .project_grid-layout .project-grid {
	gap: clamp(18px, 4vw, 30px);
}

body.post-type-archive-project .project_grid-layout .post_article.project {
	aspect-ratio: 1.75;
	min-height: 360px;
}

body.post-type-archive-project .project_grid-layout .project .post-wrapper,
body.post-type-archive-project .project_grid-layout .project .post-image,
body.post-type-archive-project .project_grid-layout .project .post-image img,
body.post-type-archive-project .project_grid-layout .project .post-content {
	height: 100%;
}

body.post-type-archive-project .project_grid-layout .project .post-image {
	position: absolute;
	inset: 0;
	z-index: 1;
}

body.post-type-archive-project .project_grid-layout .project .post-image img {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
}

body.post-type-archive-project .project_grid-layout .project .post-content {
	position: relative;
	z-index: 3;
	padding: clamp(30px, 6vw, 52px);
	gap: 16px;
	align-items: flex-start;
	text-align: left;
}

body.post-type-archive-project .project_grid-layout .project .post-title {
	max-width: min(100%, 430px);
	font-size: clamp(30px, 6vw, 46px);
	line-height: .98;
	text-align: left;
	margin-bottom: 0;
}

body.post-type-archive-project .project_grid-layout .project .seperator {
	width: 100%;
	max-width: 360px;
	margin-block: 8px 12px;
}

body.post-type-archive-project .project_grid-layout .project .read-more {
	align-self: flex-start;
}

body.post-type-archive-project .project_grid-layout .project .term-list {
	margin-top: auto;
	gap: 8px;
}

body.post-type-archive-project .project_grid-layout .project .term-item {
	padding: 9px 12px;
	font-size: 11px;
	line-height: 1;
}

body.post-type-archive-project .top-button {
	right: 18px;
	bottom: 18px;
	width: 46px;
	height: 46px;
}

@media screen and (max-width: 767px) {
	body.post-type-archive-project .hero_archief-layout .pk-row {
		padding-top: 140px;
	}

	body.post-type-archive-project .hero_archief-layout .pk-row-content,
	body.post-type-archive-project .project_grid-layout .pk-row-content {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		row-gap: 18px;
	}

	body.post-type-archive-project .project_grid-layout {
		background: linear-gradient(to bottom, var(--pk-page-bg-color) 720px, var(--secondary-white) 720px);
	}

	body.post-type-archive-project .project_grid-layout .pk-row {
		padding-top: 28px;
	}

	body.post-type-archive-project .project_grid-layout .post_article.project {
		aspect-ratio: .78;
		min-height: 410px;
	}

	body.post-type-archive-project .project_grid-layout .project .post-content {
		padding: 28px;
		gap: 14px;
	}

	body.post-type-archive-project .project_grid-layout .project .post-title {
		max-width: 300px;
		font-size: clamp(26px, 7.1vw, 32px);
		line-height: 1.02;
	}

	body.post-type-archive-project .project_grid-layout .project .seperator {
		max-width: 240px;
	}

	body.post-type-archive-project .project_grid-layout .project .read-more .pk-button {
		min-height: 42px;
		padding: 11px 18px;
		font-size: 13px;
		line-height: 1;
	}

}

@media screen and (max-width: 420px) {
	body.post-type-archive-project .hero_archief-layout .pk-heading {
		font-size: clamp(38px, 10vw, 42px);
	}
}