@property --supt-innovation-background-dark {
	syntax: '<color>';
	inherits: false;
	initial-value: #2c0e0f;
}

.supt-innovation-overview-page {
	&__background-wrapper {
		position: fixed;
		inset: 0;
		z-index: -1;
		@extend %gradiant-corpo;
	}

	&__background {
		position: absolute;
		inset: 0;
		transition: opacity $transition-mid;

		&.-light {
			@extend %gradiant-corpo;

			opacity: 0;
		}
		&.-dark {
			--supt-innovation-background-dark: #2c0e0f;
			background: radial-gradient(
				100% 100% at 50% 0%,
				var(--supt-innovation-background-dark) 0%,
				#06050a 100%
			);

			/* background: radial-gradient(100% 100% at 50% 0%, #501319 0%, #06050a 100%); */
			opacity: 0;
		}
	}

	.supt-section-text-big__title {
		@extend %t-h3;
	}

	.supt-chapters-nav {
		opacity: 0;
	}
}