/**
 * Page: Founder's Message (templates/template-founder.php)
 */

.nk-founder__inner {
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr);
	align-items: start;
	gap: clamp(32px, 5vw, 72px);
}

.nk-founder__profile {
	position: sticky;
	top: calc(var(--nk-header-h) + 32px);
	padding: 28px;
	border-radius: var(--nk-radius-lg);
	background: #fff;
	text-align: center;
	box-shadow: var(--nk-shadow);
}

.nk-founder__photo {
	margin-bottom: 20px;
}

.nk-founder__photo img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 44% 56% 50% 50% / 50% 46% 54% 50%;
	background: var(--nk-orange-soft);
}

.nk-founder__name {
	margin: 0;
	color: var(--nk-ink-dark);
	font-family: var(--nk-font-heading);
	font-size: 1.45rem;
	font-weight: 600;
}

.nk-founder__role {
	margin: 4px 0 20px;
	color: var(--nk-pink-dark);
	font-weight: 800;
}

.nk-founder__logo {
	width: 150px;
	margin: 0 auto;
	padding-top: 20px;
	border-top: 2px dashed var(--nk-line);
}

.nk-founder__letter {
	padding: clamp(28px, 4vw, 56px);
	border-radius: var(--nk-radius-lg);
	background:
		linear-gradient(transparent 0 calc(100% - 1px), rgba(64, 79, 92, 0.05) 0) 0 0 / 100% 2.1em,
		#fff;
	box-shadow: var(--nk-shadow-sm);
}

.nk-founder__text {
	font-size: 1.1rem;
}

.nk-founder__text p:first-child {
	color: var(--nk-ink-dark);
	font-family: var(--nk-font-heading);
	font-size: 1.25rem;
	font-weight: 600;
}

.nk-founder__sign {
	margin-top: 32px;
	color: var(--nk-muted);
}

.nk-founder__sign strong {
	display: block;
	color: var(--nk-pink-dark);
	font-family: var(--nk-font-heading);
	font-size: 1.5rem;
	font-weight: 600;
}

/* Highlight quote */
.nk-founder-quote {
	padding-bottom: var(--nk-section);
}

.nk-founder-quote__box {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: clamp(36px, 5vw, 56px);
	border-radius: var(--nk-radius-lg);
	background: linear-gradient(120deg, var(--nk-orange-soft), var(--nk-pink-soft));
	text-align: center;
}

.nk-founder-quote__icon {
	width: 48px;
	height: 48px;
	margin: 0 auto 16px;
	color: var(--nk-pink);
}

.nk-founder-quote__box blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: var(--nk-ink-dark);
	font-family: var(--nk-font-heading);
	font-size: clamp(1.4rem, 3vw, 2.1rem);
	font-weight: 500;
	line-height: 1.35;
}

.nk-founder-quote__box figcaption {
	margin-top: 16px;
	color: var(--nk-muted);
	font-weight: 800;
}

.nk-founder-pillars {
	padding-top: 0;
}

@media (max-width: 900px) {
	.nk-founder__inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.nk-founder__profile {
		position: static;
		max-width: 360px;
		margin: 0 auto;
	}
}