/* ===== TEAM ===== */

.team {
  background: var(--neutral-light);
  padding-block: clamp(1rem, 2.5vw, 2rem);
}

.team .container {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 1rem;
  text-align: center;
}

/* Heading + intro */
.team h2 {
  /* font-family: 'Raleway', sans-serif; */
  font-weight: 400;
  /* text-transform: uppercase; */
  color: var(--primary-color-dark);
  /* margin: 0 0 var(--space-2); */
}

.team-intro {
  max-width: 70ch;
  margin: 0 auto clamp(1rem, 3vw, 2rem);
  color: var(--text-primary);
  /* font-size: var(--text-base); */
  line-height: 1.6;
}

/* Grid */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: start;
}

/* Card */
.team-member {
  background: transparent;
  /* border: 1px solid rgba(0,0,0,0.06);
  border-radius: var(--radius-md); */
  padding: clamp(1rem, 2.5vw, 1.25rem);
  /* box-shadow: 0 6px 16px rgba(0,0,0,0.06); */
  transition: transform .2s ease, box-shadow .2s ease;
  color: var(--text-secondary);
}

/* Enhanced team member cards */
.team-member-info {
  background: #fff;
  padding: 1.25rem 1.5rem;
  border-radius: var(--radius-sm);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin-top: -2rem;
  padding-top: 3.5rem; /* increased from 2.5rem */
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.team-member:hover .team-member-info {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.team-member .avatar {
  position: relative;
  z-index: 2;
}

/* Avatar */
.team-member .avatar {
  position: relative;
  z-index: 2;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}

.team-member .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* LinkedIn icon */
.team-member-social {
  margin-top: 0.75rem;
}

.team-member-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--primary-color-dark);
  color: #fff;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}

.team-member-social a:hover {
  background: var(--primary-color);
  transform: scale(1.1);
}

.team-member-social svg {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

/* Text */
.team-member h4 {
  margin: 0 0 .25rem;
  font-size:clamp(1rem,2vw,1.15rem);
  font-weight:350;
  color:var(--text-primary);
}

.team-member .role {
  margin: 0 0 .5rem;
  color: var(--text-secondary);
  font-size: var(--text-base);
}

.team-member p {
  color: var(--text-primary);
  font-size: var(--text-base);
  line-height: 1.5;
  margin: 0;
}

/* RICS/RV badge row (optional) */
.rics-rv-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  margin-top: clamp(1rem, 4vw, 3rem);
  opacity: .9;
  margin-bottom: clamp(0.5rem, 2vw, 1.75rem);
}

.rics-rv-logo img {
  width: clamp(80px, 110px, 125px);
  height: auto;
}