.team-section{

  padding:80px 0;

}

.team-grid{

  display:grid;

  gap:30px;

  justify-content:center;

}

.team-grid.cols-2{

  grid-template-columns:
    repeat(
      2,
      minmax(
        280px,
        400px
      )
    );

}

.team-grid.cols-3{

  grid-template-columns:
    repeat(
      3,
      minmax(
        280px,
        400px
      )
    );

}

.team-grid.cols-4{

  grid-template-columns:
    repeat(
      4,
      minmax(
        240px,
        320px
      )
    );

}

.team-card{

  text-align:center;

  border-radius:24px;

  padding:20px;

}

.team-card img{

  width:100%;

  aspect-ratio:3/4;

  object-fit:cover;

  border-radius:20px;

  display:block;

}

.team-name{

  margin-top:20px;

  font-size:24px;

  font-weight:700;

}

.team-position{

  margin-top:6px;

  font-size:14px;

}

.team-description{

  margin-top:16px;

  line-height:1.8;

  font-size:15px;

}

.team-sns{

  margin-top:20px;

  display:flex;

  justify-content:center;

  gap:18px;

}

.team-sns-link{

  font-size:22px;

  text-decoration:none;

}

@media(max-width:768px){

  .team-grid{

    grid-template-columns:
      1fr !important;

  }

}