/* =====================================================
   ARTIFEX About Us (content01_1) — page CSS
   Scope: .p-about — 텍스트 중심 아키타입, 본문 measure 720px.
   섹션 배경 교차(white / --bg-50)는 마크업의 .section--tint 로 처리.
   ===================================================== */

/* ---- 본문 measure (base .section-lead 640px → 720px 확장) ---- */
.p-about .section-lead {
  max-width: var(--measure);
}

/* ---- 인트로 스탯 (홈 .subSection2 .stats 와 동일 스펙) ---- */
.p-about .stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 880px;
  margin-top: var(--sp-12);
}
.p-about .stat {
  padding-left: var(--sp-8);
  border-left: 1px solid var(--line-200);
}
.p-about .stat:first-child {
  padding-left: 0;
  border-left: 0;
}
.p-about .stat p {
  font-size: var(--text-sm);
  color: var(--ink-500);
}
.p-about .stat h3 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink-900);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  margin-top: var(--sp-2);
}
.p-about .stat h3 .plus { color: var(--brand-600); }

/* ---- Solution: VISION / MISSION / CORE VALUES 카드 ---- */
.p-about .value-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-6);
  margin-top: var(--sp-12);
}
.p-about .value-cards .card {
  padding: var(--sp-8);
}
.p-about .value-cards h3 {
  font-size: var(--text-h3);
  margin-top: var(--sp-6);
}
.p-about .value-cards p {
  color: var(--ink-500);
  margin-top: var(--sp-3);
}

/* ---- 서비스 카드 (홈 .subSection3 와 동일 패턴) ---- */
.p-about .service-title {
  max-width: var(--measure);
}
.p-about .service-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-6);
  margin-top: var(--sp-12);
}
.p-about .service-cards .card {
  padding: var(--sp-8);
}
.p-about .service-cards h5 {
  font-size: var(--text-h3);
  font-weight: 700;
  line-height: 1.4;
  margin-top: var(--sp-6);
}
.p-about .service-cards .card p {
  font-size: var(--text-sm);
  color: var(--ink-500);
  line-height: 1.6;
  margin-top: var(--sp-3);
  word-break: keep-all;
}

/* ---- CEO 인사말 (리딩 measure 720px) ---- */
.p-about .prose {
  max-width: var(--measure);
  margin-top: var(--sp-12);
}
.p-about .prose p {
  font-size: var(--text-body-lg);
  line-height: 1.8;
  color: var(--ink-700);
}
.p-about .prose p + p { margin-top: var(--sp-6); }

/* ---- 데이터 테크 선언 ---- */
.p-about .statement-body {
  max-width: var(--measure);
  font-size: var(--text-body-lg);
  line-height: 1.8;
  color: var(--ink-700);
  margin-top: var(--sp-6);
}

/* ---- Responsive ---- */
@media (max-width: 1024px) {
  .p-about .service-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .p-about .stats {
    margin-top: var(--sp-8);
    gap: var(--sp-4);
  }
  .p-about .stat,
  .p-about .stat:first-child {
    padding-left: 0;
    border-left: 0;
    padding-top: var(--sp-4);
    border-top: 1px solid var(--line-200);
  }
  .p-about .stat h3 { font-size: 32px; }

  .p-about .value-cards {
    grid-template-columns: 1fr;
    gap: var(--sp-4);
  }
  .p-about .value-cards .card { padding: var(--sp-6); }

  .p-about .service-cards {
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
  }
  .p-about .service-cards .card { padding: 20px; }
  .p-about .service-cards h5 {
    font-size: var(--text-body);
    margin-top: var(--sp-4);
  }
}