/* =========================================================
   GPN — FOUNDERS
========================================================= */

.gpn-founders {

	position: relative;

	padding: 150px 0 135px;

	background: #f3f0e7;

	color: #1b3021;

	overflow: hidden;

}


/* =========================================================
   CONTAINER
========================================================= */

.gpn-founders__container {

	width:
		min(
			1340px,
			calc(100% - 80px)
		);

	margin: 0 auto;

}


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

.gpn-founders__header {

	display: flex;

	align-items: flex-end;

	justify-content: space-between;

	gap: 80px;

	margin-bottom: 85px;

}


.gpn-founders__eyebrow {

	display: flex;

	align-items: center;

	gap: 15px;

	margin-bottom: 20px;

	color: #8b6c31;

	font-family: Arial, sans-serif;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: 2.6px;

	text-transform: uppercase;

}


.gpn-founders__eyebrow::after {

	content: "";

	width: 65px;

	height: 1px;

	background: #ae965f;

}


.gpn-founders__title {

	max-width: 750px;

	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			50px,
			5.5vw,
			78px
		);

	font-weight: 400;

	line-height: .92;

	letter-spacing: -4px;

}


.gpn-founders__title em {

	display: block;

	color: #70865d;

	font-style: italic;

}


.gpn-founders__intro {

	max-width: 330px;

	margin: 0;

	color: #687168;

	font-family: Arial, sans-serif;

	font-size: 12px;

	line-height: 1.85;

}


/* =========================================================
   FOUNDER
========================================================= */

.gpn-founder {

	display: grid;

	grid-template-columns:
		1.05fr
		.95fr;

	align-items: center;

	gap: 95px;

}


/* =========================================================
   FEATURED VISUAL
========================================================= */

.gpn-founder--featured {

	margin-bottom: 135px;

}


.gpn-founder__visual {

	position: relative;

}


.gpn-founder__image-wrap {

	position: relative;

	height: 680px;

	overflow: hidden;

	background: #ddd8cc;

}


.gpn-founder__image-wrap::after {

	content: "";

	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			to top,
			rgba(
				13,
				30,
				18,
				.38
			),
			transparent 38%
		);

	pointer-events: none;

}


.gpn-founder__image-wrap img {

	width: 100%;

	height: 100%;

	display: block;

	object-fit: cover;

	transition:
		transform
		1.3s
		cubic-bezier(
			.2,
			.65,
			.2,
			1
		);

}


.gpn-founder:hover
.gpn-founder__image-wrap img {

	transform: scale(1.04);

}


/* =========================================================
   IMAGE LABEL
========================================================= */

.gpn-founder__image-label {

	position: absolute;

	right: 24px;

	bottom: 23px;

	left: 24px;

	z-index: 3;

	display: flex;

	align-items: center;

	justify-content: space-between;

	color: rgba(
		255,
		255,
		255,
		.9
	);

	font-family: Arial, sans-serif;

	font-size: 8px;

	font-weight: 700;

	letter-spacing: 2px;

}


/* =========================================================
   GOLD MARK
========================================================= */

.gpn-founder__leaf {

	position: absolute;

	right: -35px;

	bottom: -35px;

	width: 120px;

	height: 120px;

	z-index: 5;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	background: #d5b45e;

	color: #213827;

}


.gpn-founder__leaf span {

	margin-bottom: 6px;

	font-family: Arial, sans-serif;

	font-size: 7px;

	font-weight: 700;

	letter-spacing: 3px;

}


.gpn-founder__leaf strong {

	font-family: Georgia, serif;

	font-size: 42px;

	font-weight: 400;

}


/* =========================================================
   CONTENT
========================================================= */

.gpn-founder__content {

	max-width: 560px;

}


.gpn-founder__number {

	display: block;

	margin-bottom: 22px;

	color: #8a7040;

	font-family: Arial, sans-serif;

	font-size: 8px;

	font-weight: 700;

	letter-spacing: 2px;

}


.gpn-founder__name {

	margin: 0;

	color: #183522;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			42px,
			4.2vw,
			62px
		);

	font-weight: 400;

	line-height: .95;

	letter-spacing: -2.5px;

}


.gpn-founder__position {

	display: block;

	margin-top: 14px;

	color: #70806f;

	font-family: Arial, sans-serif;

	font-size: 8px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;

}


.gpn-founder__divider {

	width: 55px;

	height: 1px;

	margin: 38px 0 32px;

	background: #b79b5c;

}


/* =========================================================
   MESSAGE
========================================================= */

.gpn-founder__message {

	margin: 0 0 28px;

	color: #344a3a;

	font-family:
		Georgia,
		serif;

	font-size:
		clamp(
			22px,
			2.1vw,
			31px
		);

	font-weight: 400;

	line-height: 1.45;

}


/* =========================================================
   STORY
========================================================= */

.gpn-founder__story {

	max-width: 500px;

	margin: 0;

	color: #687168;

	font-family: Arial, sans-serif;

	font-size: 12px;

	line-height: 1.9;

}


/* =========================================================
   SIGNATURE
========================================================= */

.gpn-founder__signature {

	display: flex;

	align-items: center;

	gap: 15px;

	margin-top: 35px;

}


.gpn-founder__signature-line {

	width: 45px;

	height: 1px;

	background: #b79c60;

}


.gpn-founder__signature > span:last-child {

	color: #425844;

	font-family:
		Georgia,
		serif;

	font-size: 13px;

	font-style: italic;

}


/* =========================================================
   SECOND FOUNDER
========================================================= */

.gpn-founder--second {

	grid-template-columns:
		.82fr
		1.18fr;

	gap: 110px;

}


.gpn-founder--second
.gpn-founder__image-wrap {

	height: 600px;

}


.gpn-founder--second
.gpn-founder__content {

	padding-left: 45px;

}


/* =========================================================
   STATEMENT
========================================================= */

.gpn-founders__statement {

	position: relative;

	max-width: 950px;

	margin: 145px auto 0;

	padding:
		65px 0
		65px 55px;

	border-left: 1px solid #b49a61;

}


.gpn-founders__statement-label {

	display: block;

	margin-bottom: 20px;

	color: #8a6b31;

	font-family: Arial, sans-serif;

	font-size: 8px;

	font-weight: 700;

	letter-spacing: 2.5px;

}


.gpn-founders__statement p {

	max-width: 850px;

	margin: 0;

	color: #344938;

	font-family:
		Georgia,
		serif;

	font-size:
		clamp(
			25px,
			3vw,
			40px
		);

	line-height: 1.3;

}


.gpn-founders__statement strong {

	color: #6d8459;

	font-weight: 400;

	font-style: italic;

}


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

@media (max-width: 1000px) {

	.gpn-founders {

		padding:
			105px 0;

	}


	.gpn-founders__container {

		width:
			calc(
				100% - 50px
			);

	}


	.gpn-founders__header {

		align-items: flex-start;

		flex-direction: column;

		gap: 30px;

		margin-bottom: 65px;

	}


	.gpn-founder {

		grid-template-columns:
			1fr 1fr;

		gap: 50px;

	}


	.gpn-founder__image-wrap {

		height: 570px;

	}


	.gpn-founder--second {

		gap: 50px;

	}


	.gpn-founder--second
	.gpn-founder__content {

		padding-left: 0;

	}


	.gpn-founder__leaf {

		right: -15px;

		bottom: -15px;

	}

}


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

@media (max-width: 700px) {

	.gpn-founders {

		padding:
			80px 0;

	}


	.gpn-founders__container {

		width:
			calc(
				100% - 30px
			);

	}


	.gpn-founders__title {

		font-size: 50px;

		letter-spacing: -2.5px;

	}


	.gpn-founder {

		display: flex;

		flex-direction: column;

		align-items: stretch;

		gap: 45px;

	}


	.gpn-founder--featured {

		margin-bottom: 90px;

	}


	.gpn-founder--second {

		flex-direction: column-reverse;

		gap: 45px;

	}


	.gpn-founder__image-wrap,
	.gpn-founder--second
	.gpn-founder__image-wrap {

		height: 520px;

	}


	.gpn-founder__leaf {

		width: 90px;

		height: 90px;

		right: -5px;

		bottom: -5px;

	}


	.gpn-founder__leaf strong {

		font-size: 32px;

	}


	.gpn-founder__name {

		font-size: 45px;

	}


	.gpn-founder__message {

		font-size: 22px;

	}


	.gpn-founders__statement {

		margin-top: 90px;

		padding:
			45px 0
			45px 25px;

	}


	.gpn-founders__statement p {

		font-size: 27px;

	}

}