/* =========================================
   TOC · TREZE
========================================= */

.treze-toc{
	padding: clamp(80px,10vh,120px) 0;
}

.treze-toc__inner{
	margin:0 auto;
}

.treze-toc__container{

	padding:clamp(48px,6vw,72px) clamp(24px,5vw,80px);

	border-radius:30px;

	background:linear-gradient(
		135deg,
		#0A052D 0%,
		#291F46 100%
	);

}

.treze-toc__eyebrow{

	margin:0 0 10px;

	font:600 14px "Lexend Deca",sans-serif;

	letter-spacing:.08em;

	text-transform:uppercase;

	color:#C98028;

}

.treze-toc__title{

	margin:0 0 50px;

	color:#FFF;

	font-family:"Lexend Deca",sans-serif;

	font-size:clamp(32px,4vw,56px);

	font-weight:600;

	line-height:1.1;

}

.treze-toc__list{

	margin:0;
	padding:0;

	list-style:none;

	display:flex;
	flex-direction:column;

}

.treze-toc__item{

	border-bottom:1px solid rgba(201,128,40,.6);

}

.treze-toc__link{

	display:flex;
	align-items:flex-start;
	gap:18px;

	padding:20px 0;

	text-decoration:none;

	transition:.3s ease;

}

.treze-toc__dot{

	width:12px;
	height:12px;

	margin-top:.55em;

	border-radius:50%;

	background:#C98028;

	flex:none;

	transition:.3s;

}

.treze-toc__text{

	flex:1;

	color:#FFF;

	font-family:"Lexend Deca",sans-serif;

	font-size:clamp(18px,2vw,24px);

	font-weight:400;

	line-height:1.5;

	transition:.3s;

}

.treze-toc__link:hover{

	padding-left:10px;

}

.treze-toc__link:hover .treze-toc__dot{

	transform:scale(1.3);

}

.treze-toc__link:hover .treze-toc__text{

	color:#DFB37E;

}