/* "team-grid-redesign" section styles (were inlined on several pages). */

.team-page-header { max-width: 900px; margin: 0 auto; padding: 4vw 5vw 1.5vw; text-align: center; }
.team-page-header h1 { font-family: 'Lora', serif; font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 500; color: #2b2b2b; margin: 0; }
.team-grid {
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  margin: 0 auto;
  padding: 1vw 5vw 5vw;
}
.person-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.25rem;
  width: 100%;
  padding: 2.25rem 0;
  border-bottom: 3px solid #ccc;
  text-align: left;
}
.person-card:nth-of-type(4n+1) { border-bottom-color: #842C43; }
.person-card:nth-of-type(4n+2) { border-bottom-color: #ECC253; }
.person-card:nth-of-type(4n+3) { border-bottom-color: #306011; }
.person-card:nth-of-type(4n+4) { border-bottom-color: #4EABCC; }
.person-card:last-child { border-bottom: none; }
.person-photo {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 auto;
  background: #f0ede6;
}
.person-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  position: relative !important;
  display: block;
}
.person-info { display: flex; flex-direction: column; align-items: flex-start; text-align: left; flex: 1; min-width: 0; }
.person-name {
  font-family: 'Lora', serif;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.4;
  color: #2b2b2b;
  margin: 0 0 0.6rem;
}
.person-name em { font-style: italic; font-weight: 400; font-size: 0.85em; color: #6b6b6b; }
.person-bio {
  font-family: "Mulish","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 0.95rem;
  line-height: 1.65;
  color: #4a4a4a;
  margin: 0;
  max-width: 700px;
}
.bio-toggle { cursor: pointer; color: #9a7b1f; font-size: 0.9em; font-weight: 600; text-decoration: none; white-space: nowrap; }
.bio-toggle:hover { text-decoration: underline; }
.person-bio .bio-toggle { display: inline-block; margin-top: 0.3rem; }
@media (max-width: 700px) {
  .person-card { flex-direction: column; align-items: center; text-align: center; }
  .person-info { align-items: center; text-align: center; }
  .team-grid { padding: 1vw 8vw 8vw; }
}