.members {
  border-top: 2px solid var(--black);
  margin: 32px auto 104px auto;
  max-width: var(--max-800);
}
.member {
  border-bottom: 2px solid var(--black);
}
.member__trigger {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 20px 0;
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
}
.member__trigger:hover .member__name { text-decoration: underline; }
.member__logo img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: block;
}
.member__name {
  flex: 1;
  font-family: "Mona Sans", sans-serif !important;
  font-size: clamp(17px, 5vw, 20px);
  font-weight: 700;
  font-optical-sizing: none;
  font-variation-settings:
    "wdth" 100,
    "wght" 700,
    "opsz" 72;
  line-height: 100%;
  color: var(--text);
}
.member__arrow {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  color: var(--text);
}
.member.open .member__arrow { transform: rotate(180deg); }
.member__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}
.member.open .member__body { grid-template-rows: 1fr; }
.member__inner { overflow: hidden; }
.member__text {
  padding: 0 0 28px 60px;
  font-size: clamp(14px, 4vw, 16px);
  opacity: 0.7;
  line-height: 1.6;
  max-width: var(--max-720);
  margin: 0;
}
@media (max-width: 560px) {
  .member__text { padding-left: 0; }
}