.wp-block-wrd-page-header {
	--wp-block-wrd-page-header__fade_size: 4rem;

	min-height: calc(100vh - var(--nav__bottom) - 5vh);
	mask-image: linear-gradient(
		black calc(100% - var(--wp-block-wrd-page-header__fade_size)),
		rgba(0 0 0 / 0%) 100%
	);
	mask-size: 100%;
	mask-repeat: no-repeat;
	mask-position: bottom;
	margin-bottom: calc(var(--wp-block-wrd-page-header__fade_size) * -0.5);
}

.wp-block-wrd-page-header__fade {
	background-image: linear-gradient(
		90deg,
		rgba(255 255 255 / 0.5) 0%,
		rgba(255 255 255 / 0) 100%
	);
}

.wp-block-wrd-page-header.is-style-dark .wp-block-wrd-page-header__fade {
	background-image: linear-gradient(
		90deg,
		rgba(var(--colourway__fade--dark--rgb), 0.5) 0%,
		rgba(var(--colourway__fade--dark--rgb), 0) 100%
	);
}

.wp-block-wrd-page-header__content {
	min-height: inherit;
	padding-top: 1rem;
	padding-bottom: calc(var(--wp-block-wrd-page-header__fade_size) * 0.5);
}

.wp-block-wrd-page-header__content .prose > *:not(.wp-block-heading) {
	animation: shift-to-left 1000ms var(--ease-out-circ) backwards,
		cut-to-r 800ms var(--ease-in-out-circ) backwards,
		fade-in 400ms var(--ease-in-out-circ) backwards;
	animation-delay: calc(var(--tw-canon-index) * 200ms);
}
.wp-block-wrd-page-header__content .prose > .wp-block-heading {
	transform-origin: top left;
	animation: wp-block-wrd-page-header__content__title 800ms
		var(--ease-in-out-circ) 150ms backwards;
}

@keyframes wp-block-wrd-page-header__content__title {
	from {
		transform: scale(1.5);
	}
}

@media (width >= 1024px) {
	.wp-block-wrd-page-header {
		--wp-block-wrd-page-header__fade_size: 5rem;
	}

	.wp-block-wrd-page-header__content {
		padding-top: 1.5rem;
	}
}

@media (width >= 1280px) {
	.wp-block-wrd-page-header {
		--wp-block-wrd-page-header__fade_size: 7.5rem;
	}

	.wp-block-wrd-page-header__content {
		padding-top: 2rem;
	}

	.wp-block-wrd-page-header__content .prose > p {
		max-width: 47ch;
	}
}