/* Container spacing stays consistent with your theme layout */
.who-we-are-list {
  display: grid;
  gap: 24px;
  margin-top: 32px;
}

/* Card uses a 1/3 (image) + 2/3 (text) layout on larger screens */
.member {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
}

@media (min-width: 860px) {
  .member {
    grid-template-columns: 1fr 2fr;
    gap: 24px;
  }
}

/* Image swap on hover/focus */
.member__figure {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 3 / 4; /* change if you want */
}

.member__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .28s ease-in-out, transform .28s ease-in-out;
  display: block;
}

.member__img--secondary { opacity: 0; }

.member__figure:hover .member__img--secondary,
.member__figure:focus-within .member__img--secondary {
  opacity: 1;
}

.member__figure:hover .member__img--primary,
.member__figure:focus-within .member__img--primary {
  opacity: 0;
  transform: scale(1.02);
}

/* Text styles (simple, theme-friendly) */
.member__name {
  margin: 0 0 6px;
  font-size: clamp(1.125rem, 1vw + 1rem, 1.5rem);
  line-height: 1.25;
  font-weight: 700;
}

.member__role {
  margin: 0 0 10px;
  font-size: 0.95rem;
  opacity: 0.8;
}

.member__bio {
  font-size: 1rem;
  line-height: 1.6;
}

.member__bio p { margin: 0 0 .75rem; }
.member__bio p:last-child { margin-bottom: 0; }

/* Optional: spacing harmony in about layout if needed */
.about-content__content .who-we-are-list { margin-top: 24px; }