.evolution-section{
	position:relative;
	padding-top:84px;
	padding-bottom:34px;
}

.evolution-section::after{
	position:absolute;
	right:-8vw;
	bottom:-12rem;
	z-index:-1;
	width:34rem;
	height:34rem;
	content:"";
	border-radius:50%;
	background:radial-gradient(circle,rgba(168,85,247,.14),transparent 68%);
	pointer-events:none;
}

.historyList{
	position:relative;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px;
	margin:0;
	padding:0;
}

.historyList::before{
	position:absolute;
	left:50%;
	top:-54px;
	width:42%;
	height:320px;
	content:"";
	background:radial-gradient(ellipse,rgba(59,130,246,.22),transparent 68%);
	transform:translateX(-50%);
	pointer-events:none;
}

.historyList li{
	position:relative;
	display:grid;
	grid-template-columns:74px 1fr;
	gap:22px;
	min-height:220px;
	padding:30px;
	overflow:hidden;
	border:1px solid rgba(126,148,225,.16);
	border-radius:var(--radius-ui);
	background:
		linear-gradient(135deg,rgba(16,24,58,.9),rgba(8,14,35,.76)),
		radial-gradient(circle at 90% 10%,rgba(168,85,247,.2),transparent 45%);
	box-shadow:var(--shadow-glow);
}

.historyList li::after{
	position:absolute;
	right:-54px;
	bottom:-64px;
	width:160px;
	height:160px;
	content:"";
	border-radius:50%;
	background:conic-gradient(var(--blue),var(--violet),var(--magenta),var(--primary),var(--blue));
	filter:blur(38px);
	opacity:.22;
}

.historyList li:nth-child(even){
	transform:translateY(48px);
}

.evolution-index{
	color:var(--primary);
	font-size:var(--type-heading);
	font-weight:800;
	letter-spacing:-.06em;
	text-shadow:0 0 24px rgba(59,130,246,.5);
}

.evolution-copy h2{
	margin:5px 0 14px;
	color:#fff;
	font-size:var(--type-title);
	font-weight:750;
}

.evolution-copy p{
	margin:0;
	color:var(--text-soft);
	font-size:var(--type-body);
}

@media (max-width:768px){
	.evolution-section{
		padding-top:48px;
	}

	.historyList{
		grid-template-columns:1fr;
	}

	.historyList li,.historyList li:nth-child(even){
		min-height:0;
		padding:24px;
		transform:none;
	}
}