/* ==========================================================================
	SCIENTIFIC KNOWLEDGE
========================================================================== */

.knowledge-home{
	position:relative;
	overflow:hidden;
	background:#fafafa;
	padding:220px 5% 200px;
	border-top:1px solid rgba(0,0,0,.05);
}

.knowledge-container{
	max-width:1520px;
	margin:0 auto;
}



/* ==========================================================================
	HEADER
========================================================================== */

.knowledge-header{
	max-width:980px;
	margin:0 auto 150px;
	text-align:center;
}

.knowledge-label{

	display:inline-flex;
	align-items:center;
	justify-content:center;

	margin-bottom:28px;

	font-size:13px;
	font-weight:600;
	letter-spacing:.30em;
	text-transform:uppercase;

	color:#8a8a8a;
}

.knowledge-title{

	margin:0;

	font-size:84px;
	font-weight:400;

	line-height:.98;
	letter-spacing:-.065em;

	color:#111;
}

.knowledge-desc{

	max-width:720px;

	margin:42px auto 0;

	font-size:18px;
	font-weight:400;

	line-height:2;

	letter-spacing:-.01em;

	color:#666;
}


/* ==========================================================================
	FEATURED CARD
========================================================================== */
/* ==========================================================================
	FEATURED PANEL
========================================================================== */

.knowledge-featured{

	display:flex;
	align-items:center;
	gap:80px;

	padding:80px;

	margin-bottom:56px;

	background:#fff;

	border:1px solid #ececec;
	border-radius:32px;

	text-decoration:none;

	position:relative;
	overflow:hidden;

	transition:
		transform .35s ease,
		border-color .35s ease,
		box-shadow .35s ease;

	will-change:transform;
}

.knowledge-featured:hover{

	transform:translateY(-4px);

	border-color:#dddddd;

	box-shadow:
	0 18px 42px rgba(0,0,0,.045);
}

.knowledge-card,
.knowledge-featured{

	will-change:
	transform;
}



.knowledge-number{

	flex-shrink:0;

	font-size:104px;
	font-weight:200;

	line-height:.9;

	letter-spacing:-.08em;

	color:#ececec;

	user-select:none;
}

.knowledge-content{

	flex:1;
	max-width:760px;
}

.knowledge-category{

	display:inline-flex;
	align-items:center;

	margin-bottom:24px;

	font-size:13px;
	font-weight:600;

	letter-spacing:.30em;

	text-transform:uppercase;

	color:#888;
}

.knowledge-content h3{

	margin:0 0 24px;

	font-size:48px;

	font-weight:400;

	line-height:1.08;

	letter-spacing:-.05em;

	color:#111;

	transition:color .3s ease;
}

.knowledge-content p{

	max-width:660px;

	font-size:18px;

	line-height:2;

	color:#666;
}

.knowledge-arrow{

	margin-left:auto;

	font-size:16px;

	font-weight:500;

	color:#111;

	white-space:nowrap;

	transition:.3s ease;
}

.knowledge-featured:hover .knowledge-arrow{

	transform:translateX(6px);
}


.knowledge-arrow,
.knowledge-link{

	position:relative;
}

.knowledge-arrow::after,
.knowledge-link::after{

	content:"";

	position:absolute;

	left:0;
	bottom:-7px;

	width:0;
	height:1px;

	background:#111;

	transition:width .35s ease;
}

.knowledge-featured:hover .knowledge-arrow::after,
.knowledge-card:hover .knowledge-link::after{

	width:100%;
}


/* ==========================================================================
	KNOWLEDGE GRID
========================================================================== */

.knowledge-grid{

	display:grid;

	grid-template-columns:1.15fr .85fr;

	gap:36px;

	margin-bottom:56px;
}



/* ==========================================================================
	CARD
========================================================================== */
/* ==========================================================================
	KNOWLEDGE PANEL
========================================================================== */

.knowledge-card{

	display:flex;
	flex-direction:column;

	position:relative;

	padding:48px;

	min-height:360px;

	background:#fff;

	border:1px solid #ececec;

	border-radius:28px;

	text-decoration:none;

	transition:
		transform .35s ease,
		border-color .35s ease,
		box-shadow .35s ease;

	will-change:transform;
}

.knowledge-card:hover{

	transform:translateY(-4px);

	border-color:#dddddd;

	box-shadow:
	0 16px 36px rgba(0,0,0,.04);
}

.knowledge-card::before{

	content:"";

	width:42px;
	height:1px;

	background:#111;

	margin-bottom:36px;

	display:block;
}

.knowledge-card .knowledge-number{

	font-size:42px;

	margin-bottom:34px;

	color:#d7d7d7;
}

.knowledge-card h3{

	margin:0 0 20px;

	font-size:32px;

	font-weight:400;

	line-height:1.18;

	letter-spacing:-.04em;

	color:#111;
}

.knowledge-card p{

	flex:1;

	font-size:17px;

	line-height:1.95;

	color:#666;
}

.knowledge-link{

	margin-top:44px;

	font-size:15px;

	font-weight:500;

	color:#111;

	transition:.3s ease;
}

.knowledge-card:hover .knowledge-link{

	transform:translateX(6px);
}



/* ==========================================================================
	SECOND FEATURE
========================================================================== */

.knowledge-featured.secondary{

	margin-top:10px;
	margin-bottom:90px;
}



/* ==========================================================================
	FOOTER
========================================================================== */

.knowledge-footer{

	max-width:900px;

	margin:auto;

	text-align:center;
}

.knowledge-footer p{

	font-size:18px;

	line-height:1.9;

	color:#666;

	margin-bottom:42px;
}

.knowledge-button{

	display:inline-flex;

	align-items:center;
	justify-content:center;

	height:60px;

	padding:0 42px;

	border:1px solid #111;

	border-radius:999px;

	color:#111;

	font-size:15px;

	font-weight:500;

	text-decoration:none;

	transition:.35s ease;
}

.knowledge-button:hover{

	background:#111;

	color:#fff;
}


/* ==========================================================================
	TABLET
========================================================================== */

@media (max-width:1200px){

	.knowledge-home{
		border-top:
		1px solid
		rgba(0,0,0,.05);
		padding:140px 6%;
	}

	.knowledge-title{

		font-size:58px;
	}

	.knowledge-featured{

		padding:50px;
		gap:45px;
	}

	.knowledge-content h3{

		font-size:36px;
	}

}







/* ==========================================================================
	TABLET SMALL
========================================================================== */

@media (max-width:992px){

	.knowledge-grid{

		grid-template-columns:1fr;
	}

	.knowledge-featured{

		flex-direction:column;
		align-items:flex-start;
	}

	.knowledge-arrow{

		margin-top:10px;
	}

}

/* ==========================================================================
	MOBILE
========================================================================== */

@media (max-width:768px){

	.knowledge-home{

		padding:110px 24px;
	}

	.knowledge-header{

		margin-bottom:70px;
	}

	.knowledge-title{

		font-size:42px;
	}

	.knowledge-desc{

		font-size:17px;
		line-height:1.8;
	}

	.knowledge-featured{

		padding:34px;
		border-radius:24px;
	}

	.knowledge-content h3{

		font-size:30px;
	}

	.knowledge-content p{

		font-size:16px;
	}

	.knowledge-card{

		padding:34px;
		min-height:auto;
		border-radius:24px;
	}

	.knowledge-card h3{

		font-size:25px;
	}

	.knowledge-card p{

		font-size:16px;
	}

	.knowledge-footer{

		margin-top:20px;
	}

}