.timeline-section {
	--timeline-spacing: 5rem;
	margin-bottom: 26rem;
}
.timeline-section .highlight-line {
	background: var(--action);
}
@media screen and (max-width: 1025px) {
	.timeline-section {
		--timeline-spacing: 0;
		margin-bottom: 10rem;
	}
}
.timeline__meta span {
	--var-y: calc(100% - 15rem);
	font-size: 10rem;
	display: block;
	position: absolute;
}
@media screen and (max-width: 1025px) {
	.timeline__meta span {
		position: static;
		font-size: 6.5rem;
	}
}

.timeline-single {
	max-width: 1000px;
	position: relative;
}
@media screen and (max-width: 1025px) {
	.timeline-single.timeline-single {
		padding-left: 6rem;
		gap: 1rem;
	}
}
.timeline__content {
	padding-top: var(--timeline-spacing);
	padding-bottom: 8rem;
}
@media screen and (max-width: 1025px) {
	.timeline__content {
		padding-bottom: 4rem;
	}
}
.timeline-indicator {
	position: absolute;
	top: calc(var(--section-space-m) + var(--timeline-spacing));
	height: 100%;
	background: var(--primary-medium);
	width: 3px;
	left: 50%;
}
@media screen and (max-width: 1025px) {
	.timeline-indicator {
		left: 3rem;
	}
}

.timeline-indicator::before,
.timeline-indicator::after {
	content: "";
	height: 2px;
	width: 13px;
	left: -5px;
	background: var(--primary-medium);
	position: relative;
	display: block;
}

.timeline-indicator::after {
	top: calc(100% + -3px);
}

.timeline__content figure{
	margin:3rem 0;
}