.flex-layout.hero_primary_werkenbij {
	--layout-spacing-top: 0;
	--layout-spacing-bottom: 0;
	--text-color: var(--white-100);
	position: relative;
	display: grid;
	height: calc(100dvh - var(--nova-header-flow-height, var(--pk-header-height)));
	min-height: 45rem;
	overflow: hidden;
	background: radial-gradient(86.11vw 80.95vw at 137.1% 185.5%, var(--support-1) 0%, var(--primary-100) 100%), var(--primary-100);
}

.flex-layout.hero_primary_werkenbij .hero-collage,
.flex-layout.hero_primary_werkenbij .hero-content {
	position: absolute;
	inset: 0;
}

.flex-layout.hero_primary_werkenbij .hero-collage {
	z-index: 2;
}

.flex-layout.hero_primary_werkenbij .hero-content {
	z-index: 3;
	width: 100%;
	max-width: none;
	margin: 0;
	pointer-events: none;
}

.flex-layout.hero_primary_werkenbij > .nova-cursor {
	z-index: 1;
}

.flex-layout.hero_primary_werkenbij .hero-photo {
	position: absolute;
	overflow: hidden;
	will-change: transform;
}

.flex-layout.hero_primary_werkenbij .hero-photo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	will-change: transform;
}

.flex-layout.hero_primary_werkenbij .photo-top {
	top: 0;
	left: 19.78%;
	width: 13.89%;
	aspect-ratio: 210 / 157;
}

.flex-layout.hero_primary_werkenbij .photo-team {
	top: 15.38%;
	left: 50.79%;
	width: 29.43%;
	aspect-ratio: 445 / 315;
}

.flex-layout.hero_primary_werkenbij .photo-workspace {
	top: 37.68%;
	left: 4.23%;
	width: 20.90%;
	aspect-ratio: 316 / 225;
}

.flex-layout.hero_primary_werkenbij .photo-collaboration {
	top: 54.68%;
	left: 41.47%;
	width: 13.89%;
	aspect-ratio: 1;
}

.flex-layout.hero_primary_werkenbij .photo-conversation {
	top: 51.02%;
	right: 4.23%;
	width: 20.90%;
	aspect-ratio: 1;
}

.flex-layout.hero_primary_werkenbij .photo-bottom {
	top: 92.87%;
	left: 22.55%;
	width: 20.90%;
	aspect-ratio: 316 / 225;
}

.flex-layout.hero_primary_werkenbij .hero-heading {
	position: absolute;
	inset: 0;
	z-index: 1;
	margin: 0;
	font-family: var(--pk-heading-font-family);
	font-size: clamp(6.5rem, calc(10 * var(--su)), 12rem);
	font-weight: var(--pk-heading-font-weight);
	line-height: 1.1;
	color: var(--white-100);
	pointer-events: none;
}

.flex-layout.hero_primary_werkenbij .hero-heading > span {
	position: absolute;
	display: block;
	white-space: nowrap;
}

.flex-layout.hero_primary_werkenbij .heading-top {
	top: 11.91%;
	left: 11.97%;
}

.flex-layout.hero_primary_werkenbij .heading-bottom {
	right: 11.51%;
	top: 72.51%;
	text-align: right;
}

.flex-layout.hero_primary_werkenbij .cursor-anchor {
	position: absolute;
	top: 59.88%;
	left: 63.49%;
	width: 0;
	height: 0;
}

.flex-layout.hero_primary_werkenbij .copy-col {
	position: absolute;
	top: 73.42%;
	left: 4.63%;
	z-index: 2;
	width: 34%;
	max-width: none;
	pointer-events: auto;
}

.flex-layout.hero_primary_werkenbij .copy-col .pk-text {
	max-width: max(26.625rem, calc(26.625 * var(--su)));
	color: var(--white-100);
	font-size: var(--body-s-regular);
}

.flex-layout.hero_primary_werkenbij .copy-col .pk-button-group {
	flex-wrap: nowrap;
	width: max-content;
}

@media screen and (max-width: 991px) {

	.flex-layout.hero_primary_werkenbij {
		display: grid;
		height: calc(100svh - var(--nova-header-flow-height, var(--pk-header-height)));
		min-height: 0;
		padding-block: 0;
		background: radial-gradient(119.16% 178% at 96.2% 162.32%, var(--support-1) 0%, var(--primary-100) 96.33%), var(--primary-100);
	}

	.flex-layout.hero_primary_werkenbij .hero-collage,
	.flex-layout.hero_primary_werkenbij .hero-content {
		position: absolute;
		inset: 0;
	}

	.flex-layout.hero_primary_werkenbij .hero-collage {
		display: block;
		margin: 0;
	}

	.flex-layout.hero_primary_werkenbij .hero-photo {
		position: absolute;
	}

	.flex-layout.hero_primary_werkenbij .photo-top {
		display: none;
	}

	.flex-layout.hero_primary_werkenbij .photo-team {
		top: 11%;
		right: -3%;
		left: auto;
		width: 43%;
		aspect-ratio: 445 / 315;
	}

	.flex-layout.hero_primary_werkenbij .photo-workspace {
		top: 31%;
		left: -4%;
		width: 34%;
		aspect-ratio: 316 / 225;
	}

	.flex-layout.hero_primary_werkenbij .photo-collaboration {
		top: 47%;
		left: 43%;
		width: 22%;
		aspect-ratio: 1;
	}

	.flex-layout.hero_primary_werkenbij .photo-conversation {
		top: 51%;
		right: -3%;
		left: auto;
		width: 31%;
		aspect-ratio: 1;
	}

	.flex-layout.hero_primary_werkenbij .photo-bottom {
		display: none;
	}

	.flex-layout.hero_primary_werkenbij .hero-content {
		display: block;
		pointer-events: none;
	}

	.flex-layout.hero_primary_werkenbij .hero-heading {
		position: absolute;
		inset: 0;
		font-size: clamp(4rem, 16vw, 7rem);
	}

	.flex-layout.hero_primary_werkenbij .hero-heading > span {
		position: absolute;
	}

	.flex-layout.hero_primary_werkenbij .heading-top {
		top: 9%;
		left: 5%;
	}

	.flex-layout.hero_primary_werkenbij .heading-bottom {
		top: 40%;
		right: 5%;
		left: auto;
		text-align: right;
	}

	.flex-layout.hero_primary_werkenbij .cursor-anchor {
		top: 50%;
		left: 50%;
	}

	.flex-layout.hero_primary_werkenbij .copy-col {
		position: absolute;
		top: auto;
		bottom: 4%;
		left: 5%;
		width: 56%;
		max-width: 32rem;
		margin: 0;
		pointer-events: auto;
	}
}

@media screen and (max-width: 767px) {

	.flex-layout.hero_primary_werkenbij {
		height: 100%;
		min-height: calc(60svh - var(--nova-header-flow-height, var(--pk-header-height)));
		/* height: calc(100svh - var(--nova-header-flow-height, var(--pk-header-height))); */
		padding-block: 0;
	}

	.flex-layout.hero_primary_werkenbij .photo-team {
		top: 12%;
		right: -10%;
		width: 55%;
	}

	.flex-layout.hero_primary_werkenbij .photo-workspace {
		top: 34%;
		left: -9%;
		width: 43%;
	}

	.flex-layout.hero_primary_werkenbij .photo-collaboration {
		display: none;
	}

	.flex-layout.hero_primary_werkenbij .photo-conversation {
		top: 52%;
		right: -8%;
		width: 39%;
	}

	.flex-layout.hero_primary_werkenbij .hero-heading {
		font-size: clamp(3.25rem, 17vw, 5.25rem);
	}

	.flex-layout.hero_primary_werkenbij .heading-top {
		top: var(--pk-header-height);
		left: 4%;
	}

	.flex-layout.hero_primary_werkenbij .heading-bottom {
		top: 32%;
		right: 6%;
	}

	.flex-layout.hero_primary_werkenbij .copy-col {
		bottom: 3%;
		left: 6%;
		width: 82%;
		max-width: 25rem;
	}

	.flex-layout.hero_primary_werkenbij .copy-col .pk-button-group {
		flex-wrap: wrap;
		width: 100%;
	}

	.flex-layout.hero_primary_werkenbij .nova-cursor {
		display: none;
	}
}

@media screen and (max-width: 767px) and (max-height: 720px) {

	.flex-layout.hero_primary_werkenbij .hero-heading {
		font-size: clamp(3rem, 15vw, 4.25rem);
	}

	.flex-layout.hero_primary_werkenbij .heading-bottom {
		top: 36%;
	}

	.flex-layout.hero_primary_werkenbij .photo-conversation {
		top: 46%;
	}

	.flex-layout.hero_primary_werkenbij .copy-col {
		bottom: 2%;
	}
}