/* ============================================
   ABOUT PAGE STYLES
   ============================================ */

/* --- Bio Section --- */
.bio-section {
  padding: 96px 0;
  background: #F7F5EF;
}
.bio-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 64px;
}
@media (min-width: 1024px) {
  .bio-grid { grid-template-columns: 3fr 2fr; }
}
.bio-title {
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  font-weight: 700;
  color: #1B3326;
  margin-bottom: 32px;
}
.bio-text {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: rgba(27, 51, 38, 0.7);
  line-height: 1.7;
  margin-bottom: 20px;
}
.bio-emphasis {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: rgba(27, 51, 38, 0.8);
  font-style: italic;
  font-weight: 500;
  line-height: 1.7;
}
.bio-sidebar {
  position: sticky;
  top: 128px;
}
.bio-photo {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 24px -4px rgba(27, 51, 38, 0.12);
  margin-bottom: 32px;
}
.bio-photo img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}

/* --- Spiritual Note --- */
.spiritual-section {
  padding: 80px 0;
  background: rgba(27, 51, 38, 0.03);
}
.spiritual-inner {
  max-width: 800px;
  margin: 0 auto;
}
.spiritual-title {
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  font-weight: 700;
  color: #1B3326;
  margin-bottom: 16px;
}
.spiritual-text {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: rgba(27, 51, 38, 0.7);
  line-height: 1.7;
  margin-bottom: 16px;
}

/* --- Work Together --- */
.work-section {
  padding: 96px 0;
  background: #F7F5EF;
}
.work-inner {
  max-width: 800px;
  margin: 0 auto;
}
.work-title {
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  font-weight: 700;
  color: #1B3326;
  margin-bottom: 32px;
}
.work-text {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: rgba(27, 51, 38, 0.7);
  line-height: 1.7;
  margin-bottom: 20px;
}
.work-emphasis {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: #2B6B4F;
  font-weight: 500;
  font-style: italic;
  line-height: 1.7;
}

/* --- Advocacy --- */
.advocacy-section {
  padding: 64px 0;
  background: rgba(27, 51, 38, 0.03);
}
.advocacy-inner {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.advocacy-icon {
  width: 32px;
  height: 32px;
  color: #2B6B4F;
  flex-shrink: 0;
  margin-top: 4px;
}
.advocacy-title {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 600;
  color: #1B3326;
  margin-bottom: 12px;
}
.advocacy-text {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: rgba(27, 51, 38, 0.7);
  line-height: 1.7;
}

/* --- Training --- */
.training-section {
  padding: 96px 0;
  background: #F7F5EF;
}
.training-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-top: 48px;
}
@media (min-width: 768px) {
  .training-grid { grid-template-columns: 1fr 1fr; }
}
.training-card-title {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 600;
  color: #1B3326;
  margin-bottom: 24px;
}
.training-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.training-item svg {
  width: 20px;
  height: 20px;
  color: #2B6B4F;
  flex-shrink: 0;
  margin-top: 2px;
}
.training-item span {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: rgba(27, 51, 38, 0.7);
  line-height: 1.6;
}