/* Hero bottom dark to transparent bottom -> top fade */
.hero-bottom-fade::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 35%;
	background: linear-gradient(
		to bottom,
		transparent 0%,
		rgba(20, 20, 26, 0.2) 30%,
		rgba(20, 20, 26, 0.7) 70%,
		#14141A 100%
	);
	pointer-events: none;
	z-index: 1;
}

.hero-bottom-fade > *:not(.hero-breadcrumbs) {
    position: relative;
    z-index: 2;
}