.supt-section-text-big-homepage {
	height: 200vh;

	&__wrapper {
		height: 100vh;
		/* @extend %gradiant-corpo; */

		position: sticky;
		top: 0;

		display: flex;
		flex-direction: column;
		align-items: center;
	}

	&__inner {
		width: 100%;
		padding: $spacing-12 0;
	}

	&__content {
		position: relative;
	}

	&__star {
		position: relative;
		margin: 0 auto;
		width: 200px;
		height: 200px;
		transform-origin: top;

		&__inner {
			position: absolute;
			inset: 0;
			/* transform-origin: 50% 50%; */

			> * {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;

				&.-is-glow {
					opacity: 0;
				}
				&.-is-glow-brighter {
					opacity: 0;
					filter: drop-shadow(0 0 34px rgb(255 255 255 / 50%))
						drop-shadow(0 0 44px rgb(255 255 255 / 50%))
						drop-shadow(0 0 54px rgb(255 255 255 / 50%));
				}
			}
		}
	}

	&__title {
		@extend %t-h1;
		color: $color-new;
		text-align: center;
		margin: 0;
		padding-top: 8px;

		position: absolute;
		width: 100%;
		left: 0;

		opacity: 0;

		&__word {
			position: relative;
			display: inline-block;

			.-is-default {
				display: block;
				opacity: 0.5;
			}
			.-is-glow {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 0;

				color: $color-white;
				text-shadow: $text-shadow-glow;
			}
		}
	}

	&__line-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
	}

	&__line {
		position: relative;
		display: block;
		width: 1px;
		height: 100%;
		background-color: $color-new;
		left: 50%;
		transform: translateX(-50%);

		&__glow {
			position: absolute;
			top: 0;
			left: calc(-50% + 1px);
			width: auto;
			height: 100%;
			transform-origin: top;
			overflow: visible;
			transform: scaleY(1.2) translateX(-50%);
			stroke-dasharray: 280;
		}

		&.-first {
			transform-origin: top;
			.supt-section-text-big-homepage__line__glow {
				overflow: hidden; /* Fixes the bug between the line before */
			}
		}
		&.-last {
			transform-origin: bottom;
		}
	}

	/* Hide the glow of the bottom line overflowing behind the next section */
	& + * {
		position: relative;
		z-index: 1;
	}
}