.member-hero { padding: 184px 0 86px; color: #fff; background: linear-gradient(110deg, rgba(8, 48, 35, .93), rgba(23, 97, 72, .79)), url("../images/member-garden.jpg") center / cover; }
.member-hero p, .member-list-heading > p { margin: 0; color: var(--lime); font-size: 13px; font-weight: 700; letter-spacing: .18em; }
.member-hero h1 { margin: 8px 0; font-size: clamp(38px, 5vw, 58px); font-weight: 400; letter-spacing: .1em; }
.member-list-section { padding: 92px 0; background: var(--cream); }
.member-list-heading { margin-bottom: 38px; }
.member-list-heading h2 { margin: 7px 0 0; font-size: clamp(28px, 3.2vw, 42px); font-weight: 400; letter-spacing: .08em; }
.member-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.member-card { overflow: hidden; border: 1px solid #d7ded9; background: #fff; }
.member-card__body { padding: 27px 30px 30px; }
.member-card__number { color: var(--green); font-size: 13px; font-weight: 700; letter-spacing: .13em; }
.member-card h2 { margin: 5px 0 20px; font-size: clamp(21px, 2vw, 27px); font-weight: 400; line-height: 1.45; letter-spacing: .05em; }
.member-card .member-card__name-link,
.member-card .member-card__name-link:hover {
  color: inherit;
  text-decoration: none;
}
.member-card dl { margin: 0; border-top: 1px solid #d7ded9; }
.member-card dl > div { display: grid; grid-template-columns: 72px 1fr; gap: 15px; padding: 10px 0; border-bottom: 1px solid #d7ded9; }
.member-card dt { color: var(--green); font-size: 14px; font-weight: 700; }
.member-card dd { margin: 0; font-size: 15px; }
.member-card a:hover { color: var(--green); text-decoration: underline; }
.member-detail-button { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding: 11px 14px; border: 1px solid var(--green); color: var(--green); font-size: 14px; font-weight: 700; }
.member-detail-button:hover { color: #fff !important; background: var(--green); text-decoration: none !important; }
@media (max-width: 760px) { .member-hero { padding: 130px 0 58px; } .member-list-section { padding: 65px 0; } .member-grid { grid-template-columns: 1fr; gap: 18px; } .member-card__body { padding: 22px 20px 24px; } }