/* 교회소개 페이지 */

/* ── 그룹 Ⅰ~Ⅲ ── */
.about-groups { padding-block: var(--space-6) calc(var(--section-y) + var(--overlap)); }
.about-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  gap: var(--space-16);
  padding-block: var(--space-16);
  border-top: 1px solid var(--border);
}
.about-group:first-child { border-top: 0; padding-top: var(--space-8); }
.group-head { align-self: start; position: sticky; top: calc(var(--slot-gap) + var(--header-h) + 24px); }
/* 그룹 번호(Ⅰ~Ⅲ)는 글자이므로 텍스트용 빨강 */
.group-num { color: var(--accent); font-size: 14px; font-weight: 700; letter-spacing: 0.1em; margin-bottom: var(--space-3); }
.group-desc { margin-top: var(--space-3); color: var(--text-secondary); }
.group-items { border-top: 1px solid var(--border-strong); }
.acc-body p { line-height: 1.8; }

/* ── 섬기는 사람들 ── */
.staff-desc { margin-top: var(--space-6); color: var(--text-secondary); }
.pastor {
  margin-top: var(--space-12);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: var(--space-12);
  align-items: end;
}
.pastor--no-photo { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.pastor-photo {
  aspect-ratio: 4 / 5;
  border-radius: var(--radius-lg);
  background: var(--border);
  overflow: hidden;
}
.pastor-photo img { width: 100%; height: 100%; object-fit: cover; }
.pastor-role { color: var(--accent); font-weight: 600; }
.pastor-name { margin-top: var(--space-1); }
.pastor-bio { margin-top: var(--space-4); color: var(--text-secondary); }
.staff-grid { margin-top: var(--space-12); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); }
.member-photo { aspect-ratio: 1; border-radius: var(--radius-md); background: var(--bg-surface); overflow: hidden; }
.member-photo img { width: 100%; height: 100%; object-fit: cover; }
.member-name { margin-top: var(--space-3); font-weight: 700; }
.member-role { font-size: 14px; color: var(--text-muted); }

@media (max-width: 820px) {
  .about-group { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); padding-block: var(--space-12); }
  .group-head { position: static; }
  .pastor { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); margin-top: var(--space-8); }
  .staff-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}