.team-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:50px;
}

.team-card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow);
  transition:.35s ease;
  overflow:hidden;
}

.team-card:hover{
  transform:translateY(-8px);
  border-color:rgba(212,175,55,.24);
}

.team-image{
  width:100%;
  height:260px;
  border-radius:18px;
  overflow:hidden;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.08);
}

.team-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}

.team-card:hover .team-image img{
  transform:scale(1.05);
}

.team-card h3{
  font-size:1.2rem;
  margin-bottom:8px;
}

.team-role{
  color:var(--accent-soft);
  font-size:.9rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:14px;
}

.team-card p{
  color:var(--muted);
  font-size:.96rem;
}

@media (max-width:1100px){
  .team-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:700px){
  .team-grid{
    grid-template-columns:1fr;
  }

  .team-image{
    height:220px;
  }
  .team-image{
  position:relative;
}

.team-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.28));
}
}


/* FULL TEXT */
.team-full{
  max-height:0;
  overflow:hidden;
  transition:max-height .6s ease;
  margin-top:10px;
}

.team-full p{
  color:var(--muted);
  font-size:.95rem;
  margin-bottom:10px;
}

/* ACTIVE STATE */
.team-card.active .team-full{
  max-height:800px;
}

.team-card.active .read-more i{
  transform:rotate(45deg); /* + devient X */
}