.nl-page-hero { padding: clamp(3rem, 9vw, 6rem) 0; }
.nl-page-hero__inner { min-height: 560px; }
.nl-page-hero__content { position: relative; z-index: 2; }
.nl-page-hero h1 { margin: 0 0 1.75rem; max-width: 720px; }
.nl-page-hero__text { color: var(--nl-copy); max-width: 570px; }
.nl-page-hero__animation { height: clamp(430px, 42vw, 590px); position: relative; }
.nl-page-hero__canvas {
	display: block;
	height: 200%;
	margin-left: -50%;
	margin-top: -50%;
	transform: rotate(13deg);
	transform-origin: center;
	width: 200%;
	will-change: transform;
}

@media (max-width: 991px) {
	.nl-page-hero__inner { min-height: 0; }
	.nl-page-hero__media { margin: -3rem auto 0; opacity: .8; }
	.nl-page-hero__animation { height: clamp(360px, 65vw, 590px);overflow:hidden; order:-1; margin-top:-120px !important; }
	
}

@media (max-width: 680px) {
	.nl-page-hero { padding: 4rem 0 2rem; }
	.nl-page-hero__media { margin-top: -1rem; }
	.nl-page-hero__animation { height: 330px; }
}