/*==========================================================
KNOWLEDGE DOMAIN
==========================================================*/

.knowledge-domain{
	background:#fff;
	color:#111;
	font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
	-webkit-font-smoothing:antialiased;
}

.knowledge-container{
	max-width:1320px;
	margin:auto;
	padding:180px 6% 140px;
}



/*==========================================================
HERO
==========================================================*/

.knowledge-hero{
	max-width:960px;
	margin-bottom:180px;
}

.knowledge-eyebrow{
	display:inline-block;
	margin-bottom:24px;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.22em;
	color:#8b8b8f;
}

.knowledge-title{
	font-size:82px;
	font-weight:600;
	letter-spacing:-.055em;
	line-height:1.04;
	margin-bottom:34px;
	color:#000;
}

.knowledge-description{
	max-width:820px;
	font-size:22px;
	line-height:1.9;
	color:#57575d;
}

.knowledge-meta{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:60px;
	margin-top:70px;
	padding-top:34px;
	border-top:1px solid #ededed;
}

.knowledge-meta-item span{
	display:block;
	margin-bottom:10px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.18em;
	color:#999;
}

.knowledge-meta-item strong{
	display:block;
	font-size:16px;
	font-weight:500;
	line-height:1.8;
	color:#111;
}


/*INTROI*/
/*==========================================================
INTRODUCTION
==========================================================*/

.knowledge-intro{

	padding:140px 0;

	border-top:1px solid #ececec;

}

.knowledge-intro h2{

	max-width:900px;

	margin:20px 0 45px;

	font-size:54px;

	line-height:1.12;

	letter-spacing:-.04em;

	font-weight:600;

	color:#111;

}

.knowledge-intro-content{

	max-width:860px;

}

.knowledge-intro-content p{

	font-size:19px;

	line-height:2;

	color:#666;

	margin-bottom:34px;

}

.knowledge-intro-content p:last-child{

	margin-bottom:0;

}


/*==========================================================
SECTION
==========================================================*/

.knowledge-preview{
	padding:130px 0;
	border-top:1px solid #ededed;
}

.section-heading{
	max-width:760px;
	margin-bottom:60px;
}

.knowledge-label{
	display:inline-block;
	margin-bottom:20px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.18em;
	color:#8b8b8f;
}

.section-heading h2{
	font-size:54px;
	font-weight:600;
	line-height:1.12;
	letter-spacing:-.045em;
	color:#111;
}

.section-body{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:80px;
	max-width:1200px;
}

.section-body p{
	font-size:18px;
	line-height:2;
	color:#5e5e64;
}


/*==========================================================
CHEMICAL ARCHITECTURE
==========================================================*/

.knowledge-preview{
	padding:140px 0;
	border-top:1px solid #ececec;
}

.section-heading{
	max-width:760px;
	margin-bottom:90px;
}

.section-heading h2{
	font-size:52px;
	line-height:1.15;
	letter-spacing:-.04em;
	font-weight:600;
	margin-top:18px;
	color:#111;
}



/*==========================================================
GROUP
==========================================================*/

.preview-group{

	margin-bottom:90px;

}

.preview-group:last-child{

	margin-bottom:0;

}

.preview-group-title{

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

	margin-bottom:40px;

	font-size:14px;
	font-weight:600;
	letter-spacing:.08em;
	text-transform:uppercase;

	color:#8a8a8f;

}

.preview-group-title::after{

	content:"";

	flex:1;

	height:1px;

	background:#ececec;

}



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

.knowledge-preview-grid{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:40px;

}

.knowledge-preview-grid.grid-4{

	grid-template-columns:repeat(4,1fr);

}



/*==========================================================
CARD
==========================================================*/

.knowledge-preview-item{

	padding:0;

}

.knowledge-preview-item span{

	display:block;

	margin-bottom:18px;

	font-size:13px;

	font-weight:600;

	letter-spacing:.15em;

	color:#b0b0b5;

}

.knowledge-preview-item h3{

	font-size:24px;

	line-height:1.3;

	font-weight:600;

	letter-spacing:-.02em;

	margin-bottom:16px;

	color:#111;

}

.knowledge-preview-item p{

	font-size:15px;

	line-height:1.9;

	color:#666;

	max-width:300px;

}



/*==========================================================
HOVER
==========================================================*/

.knowledge-preview-item{

	transition:.35s;

}

.knowledge-preview-item:hover{

	transform:translateY(-5px);

}

.knowledge-preview-item:hover h3{

	color:#000;

}

.knowledge-preview-item:hover span{

	color:#111;

}



/*==========================================================
RESPONSIVE
==========================================================*/

@media(max-width:1100px){

	.knowledge-preview-grid,
	.knowledge-preview-grid.grid-4{

		grid-template-columns:repeat(2,1fr);

	}

}

@media(max-width:768px){

	.section-heading{

		margin-bottom:60px;

	}

	.section-heading h2{

		font-size:36px;

	}

	.preview-group{

		margin-bottom:70px;

	}

	.knowledge-preview-grid,
	.knowledge-preview-grid.grid-4{

		grid-template-columns:1fr;

		gap:35px;

	}

}

/*==========================================================
RESPONSIVE
==========================================================*/

@media(max-width:1200px){

	.knowledge-meta{
		grid-template-columns:1fr;
	}

	.section-body{
		grid-template-columns:1fr;
		gap:40px;
	}

	.knowledge-preview-grid{
		grid-template-columns:repeat(2,1fr);
	}

}

@media(max-width:768px){

	.knowledge-container{
		padding:140px 24px 80px;
	}

	.knowledge-title{
		font-size:52px;
	}

	.knowledge-description{
		font-size:18px;
	}

	.section-heading h2{
		font-size:36px;
	}

	.knowledge-preview-grid{
		grid-template-columns:1fr;
	}

	.knowledge-preview-item{
		padding:32px;
	}

}

/*==========================================================
KNOWLEDGE TOPICS
==========================================================*/

.knowledge-topics{
	padding:160px 0 80px;
}

.knowledge-topic{
	padding:120px 0;
	border-top:1px solid #ececec;
}

.knowledge-topic:first-child{
	border-top:none;
}



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

.knowledge-topic-header{
	display:grid;
	grid-template-columns:90px 1fr;
	gap:70px;
	align-items:start;
	margin-bottom:90px;
}

.knowledge-number{
	font-size:34px;
	font-weight:600;
	letter-spacing:-.03em;
	color:#c3c3c8;
}

.knowledge-topic-heading h2{
	max-width:900px;
	margin:18px 0 28px;
	font-size:56px;
	font-weight:600;
	line-height:1.08;
	letter-spacing:-.05em;
	color:#111;
}

.knowledge-topic-description{
	max-width:900px;
	font-size:19px;
	line-height:2;
	color:#666;
}



/*==========================================================
ARTICLE
==========================================================*/

.knowledge-article{

	padding:70px 0;

	border-top:1px solid #f1f1f1;

}

.knowledge-article:first-of-type{

	border-top:none;

}

.knowledge-article-header{

	max-width:920px;

	margin-bottom:55px;

}

.knowledge-article-type{

	display:inline-block;

	margin-bottom:18px;

	font-size:11px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:.18em;

	color:#9d9d9d;

}

.knowledge-article-header h3{

	font-size:42px;

	font-weight:600;

	letter-spacing:-.04em;

	line-height:1.15;

	margin-bottom:20px;

	color:#111;

}

.knowledge-article-summary{

	font-size:18px;

	line-height:1.95;

	color:#5d5d63;

	max-width:880px;

}



/*==========================================================
KNOWLEDGE CORE
==========================================================*/

.knowledge-core{

	display:grid;

	grid-template-columns:repeat(2,1fr);

	gap:28px;

	margin-top:55px;

}

.knowledge-core-block{

	position:relative;

	padding:40px;

	background:#fafafa;

	border:1px solid #ececec;

	transition:.35s;

}

.knowledge-core-block:hover{

	background:#fff;

	border-color:#cfcfcf;

	transform:translateY(-3px);

	box-shadow:0 20px 50px rgba(0,0,0,.04);

}

.knowledge-core-label{

	display:flex;

	align-items:center;

	gap:14px;

	margin-bottom:24px;

	font-size:11px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:.18em;

	color:#111;

}

.knowledge-core-label::before{

	content:"";

	width:34px;

	height:1px;

	background:#111;

}

.knowledge-core-block p{

	font-size:16px;

	line-height:1.95;

	color:#666;

}



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

.knowledge-article-footer{

	margin-top:70px;

}

.knowledge-article-divider{

	height:1px;

	background:#ececec;

	margin-bottom:40px;

}

.knowledge-article-action{

	display:flex;

	align-items:flex-end;

	justify-content:space-between;

	gap:60px;

}

.knowledge-action-label{

	margin-bottom:12px;

	font-size:11px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:.18em;

	color:#999;

}

.knowledge-action-text{

	max-width:760px;

	font-size:16px;

	line-height:1.9;

	color:#666;

}

.knowledge-button{

	display:inline-flex;

	align-items:center;

	gap:14px;

	flex-shrink:0;

	padding-bottom:8px;

	font-size:15px;

	font-weight:600;

	color:#111;

	text-decoration:none;

	border-bottom:1px solid #111;

	transition:.3s;

}

.knowledge-button::after{

	content:"→";

	transition:.3s;

}

.knowledge-button:hover{

	color:#666;

	border-color:#666;

}

.knowledge-button:hover::after{

	transform:translateX(6px);

}



/*==========================================================
RESPONSIVE
==========================================================*/

@media(max-width:1100px){

	.knowledge-topic-header{

		grid-template-columns:1fr;

		gap:30px;

	}

	.knowledge-core{

		grid-template-columns:1fr;

	}

	.knowledge-article-action{

		flex-direction:column;

		align-items:flex-start;

	}

}

@media(max-width:768px){

	.knowledge-topics{

		padding:100px 0 40px;

	}

	.knowledge-topic{

		padding:80px 0;

	}

	.knowledge-topic-heading h2{

		font-size:38px;

	}

	.knowledge-topic-description{

		font-size:17px;

	}

	.knowledge-article{

		padding:50px 0;

	}

	.knowledge-article-header h3{

		font-size:30px;

	}

	.knowledge-article-summary{

		font-size:16px;

	}

	.knowledge-core-block{

		padding:28px;

	}

}

/*==========================================================
ARTICLE CTA
==========================================================*/

.knowledge-article-footer{
	margin-top:70px;
}

.knowledge-article-divider{
	height:1px;
	background:#ececec;
	margin-bottom:45px;
}

.knowledge-article-action{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	gap:70px;
}

.knowledge-action-content{
	max-width:760px;
}

.knowledge-action-label{
	display:inline-block;
	margin-bottom:16px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.18em;
	color:#9b9b9f;
}

.knowledge-action-text{
	font-size:16px;
	line-height:2;
	color:#666;
}

.knowledge-action-text strong{
	color:#111;
	font-weight:600;
}



/*==========================================================
BUTTON
==========================================================*/

.knowledge-button{

	display:inline-flex;
	align-items:center;
	gap:18px;

	flex-shrink:0;

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

	color:#111;
	text-decoration:none;

	padding-bottom:10px;

	border-bottom:1px solid #111;

	transition:.35s;

}

.knowledge-button::after{

	content:"→";

	font-size:17px;

	transition:.35s;

}

.knowledge-button:hover{

	color:#666;

	border-color:#666;

}

.knowledge-button:hover::after{

	transform:translateX(8px);

}



/*==========================================================
LUXURY READING EFFECT
==========================================================*/

.knowledge-topic{

	position:relative;

}

.knowledge-topic::after{

	content:"";

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	height:1px;

	background:linear-gradient(
		to right,
		transparent,
		#ededed 20%,
		#ededed 80%,
		transparent
	);

}

.knowledge-article{

	position:relative;

}

.knowledge-article:hover .knowledge-article-header h3{

	color:#000;

}

.knowledge-article:hover .knowledge-core-block{

	border-color:#dadada;

}



/*==========================================================
NEXT KNOWLEDGE
==========================================================*/

.knowledge-ending{

	padding:180px 0;

	text-align:center;

	border-top:1px solid #ececec;

}

.knowledge-ending-label{

	display:inline-block;

	margin-bottom:24px;

	font-size:11px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:.2em;

	color:#999;

}

.knowledge-ending h2{

	max-width:820px;

	margin:auto auto 30px;

	font-size:56px;

	font-weight:600;

	line-height:1.08;

	letter-spacing:-.05em;

	color:#111;

}

.knowledge-ending p{

	max-width:760px;

	margin:auto;

	font-size:19px;

	line-height:2;

	color:#666;

}



/*==========================================================
RESPONSIVE
==========================================================*/

@media(max-width:992px){

	.knowledge-article-action{

		flex-direction:column;

		align-items:flex-start;

		gap:35px;

	}

	.knowledge-ending h2{

		font-size:40px;

	}

}

@media(max-width:768px){

	.knowledge-ending{

		padding:110px 0;

	}

	.knowledge-ending h2{

		font-size:30px;

	}

	.knowledge-ending p{

		font-size:16px;

		line-height:1.9;

	}

}