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

	color: #98595b;
	background-image: linear-gradient(35deg, #fff 0%, #ffc148 75%, #8f5b5b 100%);
	min-height: calc(100vh - var(--nav__bottom) - 5vh);
	mask-image: linear-gradient(
		black
			calc(
				100% - var(--wp-block-wrd-heritage-collection-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-heritage-collection-page-header__fade_size) * -0.5
	);
}

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

.wp-block-wrd-heritage-collection-page-header__text > svg {
	width: auto;
	height: 25vh;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
}

.wp-block-wrd-heritage-collection-page-header__text > .prose {
	--tw-prose-body: currentColor;
	--tw-prose-headings: currentColor;
	--tw-prose-lead: currentColor;
	--tw-prose-links: currentColor;
	--tw-prose-bold: currentColor;
}

.wp-block-wrd-heritage-collection-page-header__text > .prose p {
	max-width: 40ch;
	margin: 0 auto;
}

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

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

	.wp-block-wrd-heritage-collection-page-header__text > svg {
		margin-bottom: 3rem;
	}
}

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

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

	.wp-block-wrd-heritage-collection-page-header__text > svg {
		margin-bottom: 4rem;
	}
}