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

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

/* MISSION 섹션 사이드 이미지 리듬 조정 */
.page-company__mission .rd-info-img {
	border-radius:160px 32px 160px 32px;
}

/* VALUES 3-카드 */
.page-company__values {padding-top:0;}
.page-company__values-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
}
.page-company__value {
	position:relative;
	background:var(--bg3);
	border-radius:32px;
	padding:38px 32px;
	display:flex; flex-direction:column; gap:14px;
	box-shadow:var(--sh-card);
	transition:transform .3s ease, box-shadow .3s ease;
}
.page-company__value:hover {
	transform:translateY(-4px);
	box-shadow:0 20px 44px oklch(0.30 0.05 148 / 0.10);
}
.page-company__value--tint {
	background:oklch(0.93 0.045 122);
}
.page-company__value--tint .rd-card__body {
	color:oklch(0.42 0.04 148);
}
.page-company__value-num {
	font-family:var(--f_ui);
	font-size:var(--fs36);
	font-weight:700;
	letter-spacing:-0.02em;
	color:oklch(0.55 0.09 148);
	line-height:1;
}

/* CTA 밴드 */
.page-company__cta { padding:60px 0 120px; background:var(--bg1); }
.page-company__cta-buttons {
	display:flex; gap:12px; flex-wrap:wrap;
}
.page-company__cta-ghost {
	background:transparent;
	color:var(--tx-invert);
	box-shadow:inset 0 0 0 1.5px oklch(0.98 0.008 120 / 0.5);
}
.page-company__cta-ghost:hover {
	background:oklch(0.98 0.008 120 / 0.15);
	color:var(--tx-invert);
}

/* ==================== 반응형 ==================== */
@media screen and (max-width:1199px) {
	.page-company__mission .rd-info-img { border-radius:26px 120px 26px 120px; }
	.page-company__values-grid { grid-template-columns:1fr; gap:16px; }
	.page-company__cta { padding:40px 0 80px; }
}
@media screen and (max-width:767px) {
	.page-company__value { padding:28px 24px; border-radius:26px; }
	.page-company__value-num { font-size:var(--fs30); }
	.page-company__cta-buttons { width:100%; }
	.page-company__cta-buttons > .rd-btn { flex:1; justify-content:center; }
}