@charset "utf-8";
/* =====================================================
   연구원 소개 — page-researcher (Claude Design v2)
   ===================================================== */

.page-researcher { display:block; overflow:hidden; }

/* 카드 그리드 (2컬럼 + 첫 카드 풀와이드) */
.page-researcher__grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:20px;
}

.page-researcher__card {
	position:relative;
	background:var(--bg3);
	border-radius:32px;
	padding:34px;
	display:flex; flex-direction:column; gap:16px;
	box-shadow:var(--sh-card);
	transition:transform .3s ease, box-shadow .3s ease;
}
.page-researcher__card:hover {
	transform:translateY(-4px);
	box-shadow:0 20px 44px oklch(0.30 0.05 148 / 0.10);
}
.page-researcher__card--lead {
	grid-column:span 2;
	background:oklch(0.55 0.09 148);
	color:var(--tx-invert);
	box-shadow:0 20px 44px oklch(0.42 0.06 148 / 0.20);
}
.page-researcher__card--play      { background:oklch(0.93 0.045 122); }
.page-researcher__card--sensory   { background:oklch(0.94 0.04 220); }
.page-researcher__card--cognitive { background:oklch(0.95 0.045 60); }
.page-researcher__card--flower    { background:oklch(0.93 0.05 5); }

.page-researcher__badge {
	position:absolute; top:26px; right:26px;
	padding:7px 14px;
	border-radius:999px;
	background:var(--tx-invert);
	color:oklch(0.34 0.06 148);
	font-family:var(--f_ui);
	font-size:var(--fs11);
	font-weight:700;
	letter-spacing:0.16em;
	text-transform:uppercase;
}

.page-researcher__head {
	display:flex; flex-direction:column; gap:6px;
	padding-bottom:18px;
	border-bottom:1px dashed oklch(0.78 0.04 148 / 0.6);
}
.page-researcher__card--lead .page-researcher__head {
	border-bottom-color:oklch(0.98 0.008 120 / 0.35);
}
.page-researcher__name {
	margin:0;
	font-family:var(--f_display);
	font-weight:700;
	font-size:var(--fs30);
	line-height:1.15;
	letter-spacing:-0.02em;
	color:oklch(0.31 0.05 148);
}
.page-researcher__card--lead .page-researcher__name { color:var(--tx-invert); }
.page-researcher__role {
	font-family:var(--f_ui);
	font-size:var(--fs13);
	font-weight:600;
	letter-spacing:0.06em;
	color:oklch(0.50 0.07 148);
}
.page-researcher__card--lead .page-researcher__role { color:oklch(0.92 0.03 130); }

.page-researcher__cv {
	list-style:none; padding:0; margin:0;
	display:flex; flex-direction:column; gap:6px;
}
.page-researcher__cv li {
	position:relative;
	padding-left:16px;
	font-size:var(--fs16);
	line-height:1.75;
	color:var(--tx-body);
}
.page-researcher__cv li::before {
	content:""; position:absolute; left:0; top:11px;
	width:5px; height:5px; border-radius:50%;
	background:oklch(0.60 0.09 148);
}
.page-researcher__card--lead .page-researcher__cv li { color:oklch(0.94 0.02 130); }
.page-researcher__card--lead .page-researcher__cv li::before { background:oklch(0.94 0.05 130); }

/* ==================== 반응형 ==================== */
@media screen and (max-width:1199px) {
	.page-researcher__grid { grid-template-columns:1fr; gap:16px; }
	.page-researcher__card--lead { grid-column:span 1; }
	.page-researcher__card { padding:28px; border-radius:26px; }
}
@media screen and (max-width:767px) {
	.page-researcher__card { padding:24px; border-radius:22px; }
	.page-researcher__badge { top:20px; right:20px; padding:5px 12px;}
}