/* Member introduction: reuse the original biography and portrait layout. */
.members-intro { padding-top: 142px; padding-bottom: 54px; }
.members-intro .section-inner, .members-profile .section-inner,
.members-contact .section-inner { max-width: 1140px; }
.members-intro .section-title { margin-bottom: 16px; }
.members-intro .section-desc { max-width: 690px; margin-bottom: 24px; }
.members-intro .home-link { font-size: 0.8rem; }
.members-profile .about-grid { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 4rem; }
.members-profile .about-photo { display: block; max-width: 435px; height: auto; }
.members-profile .about-bio { color: var(--text); margin-bottom: 1.45rem; }
.members-profile .about-specs li { align-items: flex-start; line-height: 1.85; color: #9dafbf; }
.members-profile .about-specs li::before { flex: 0 0 auto; }
.members-contact { border-top: 1px solid var(--border); }
.members-contact-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.members-contact .section-title { font-size: clamp(1.45rem, 3vw, 2.05rem); margin-bottom: 0; }
.members-contact .btn-outline { flex-shrink: 0; }
@media (max-width: 900px) {
  .members-intro { padding-top: 112px; padding-bottom: 40px; }
  .members-profile .about-grid { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .members-profile .about-photo { width: min(100%, 390px); }
  .members-contact-inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 520px) {
  .members-intro, .members-profile, .members-contact { padding-left: 1.25rem; padding-right: 1.25rem; }
  .members-profile { padding-top: 40px; }
  .members-intro .section-title { font-size: 2rem; }
  .members-profile .about-bio { font-size: 0.88rem; }
  .members-profile .about-specs li { font-size: 0.75rem; }
  .members-contact .btn-outline { width: 100%; justify-content: center; }
  .footer-links { gap: 1rem; flex-wrap: wrap; }
  .footer-copy { overflow-wrap: anywhere; }
}
