.wp-block-wrd-section-heritage-collection {
	--wp-block-wrd-section-heritage-collection__padding: 3rem;
	--wp-block-wrd-section-heritage-collection__fade_top: 50%;
	--wp-block-wrd-section-heritage-collection__main_gradient_angle: 45deg;
	--wp-block-wrd-section-heritage-collection__fade_gradient_angle: 180deg;

	--colourway__btn__bg: linear-gradient(135deg, #6f3d3f, #945759);

	position: relative;
	padding-top: var(--wp-block-wrd-section-heritage-collection__padding);
	background: linear-gradient(
		var(--wp-block-wrd-section-heritage-collection__main_gradient_angle),
		#ffffff 0%,
		#ffc148 66%,
		#c58c52 100%
	);
}

.wp-block-wrd-section-heritage-collection::after {
	content: "";
	position: absolute;
	inset: 0;
	top: var(--wp-block-wrd-section-heritage-collection__fade_top);
	width: 100%;
	height: 50%;
	background: linear-gradient(
		var(--wp-block-wrd-section-heritage-collection__fade_gradient_angle),
		transparent,
		canvas
	);
}

.wp-block-wrd-section-heritage-collection.is-vertically-aligned-bottom {
	--wp-block-wrd-section-heritage-collection__main_gradient_angle: 135deg;
	--wp-block-wrd-section-heritage-collection__fade_gradient_angle: 0deg;
	--wp-block-wrd-section-heritage-collection__fade_top: 0%;

	padding-top: 0px;
	padding-bottom: var(--wp-block-wrd-section-heritage-collection__padding);
}

.wp-block-wrd-section-heritage-collection__logo svg {
	width: 66%;
	max-width: 15rem;
	height: auto;
}

@media (width >= 650px) {
	.wp-block-wrd-section-heritage-collection {
		--wp-block-wrd-section-heritage-collection__padding: 4rem;
	}

	.wp-block-wrd-section-heritage-collection svg {
		width: 50%;
		height: auto;
	}
}

@media (width >= 768px) {
	.wp-block-wrd-section-heritage-collection {
		--wp-block-wrd-section-heritage-collection__padding: 5rem;
	}

	.wp-block-wrd-section-heritage-collection svg {
		width: 33%;
		height: auto;
	}
}

@media (width >= 64rem /* 1024px */) {
	.wp-block-wrd-section-heritage-collection svg {
		width: 50%;
		max-width: 25rem;
	}
}