.team{
  padding:clamp(82px,8vw,128px) 0;
  background:var(--soft);
  border-top:1px solid var(--line);
}
.team-head{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(320px,.75fr);
  gap:clamp(34px,7vw,100px);
  align-items:end;
  margin-bottom:clamp(38px,5vw,64px);
}
.team-head h2{
  font-size:clamp(40px,4.8vw,64px);
  line-height:1.02;
  letter-spacing:-.035em;
  margin:0;
}
.team-head p{
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:clamp(16px,1.2vw,18px);
  line-height:1.55;
}
.team-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(28px,3.4vw,48px);
  row-gap:clamp(42px,5vw,64px);
}
.team-member{min-width:0;display:flex;flex-direction:column}
.team-photo{
  position:relative;
  width:min(100%,300px);
  aspect-ratio:1/1;
  overflow:hidden;
  margin:0 auto;
  border:0;
  border-radius:15px;
  background:transparent;
}
.team-photo img,
.team-photo video{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}
.team-info{padding-top:18px;display:flex;flex:1;flex-direction:column}
.team-name{
  margin:0 0 7px;
  font-size:clamp(22px,2vw,28px);
  line-height:1.15;
  letter-spacing:-.02em;
  font-weight:600;
}
.team-role{
  margin:0;
  color:var(--accent);
  font-family:"IBM Plex Mono",monospace;
  font-size:12px;
  line-height:1.5;
  letter-spacing:.025em;
  font-weight:500;
}
.team-bio{max-width:420px;margin:14px 0 18px;color:var(--muted);font-size:15.5px;line-height:1.6}
.team-socials{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.team-social{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--ink);
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  line-height:1.2;
  font-weight:500;
  transition:color .2s ease,transform .2s ease;
}
.team-social svg{width:15px;height:15px;flex:0 0 auto}
.team-social:hover{color:var(--accent);transform:translateY(-1px)}
.team-social:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
@media (max-width:960px){
  .team-head{grid-template-columns:1fr;gap:18px}
  .team-head p{max-width:680px}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 30px}
}
@media (max-width:640px){
  .team{padding:72px 0 78px}
  .team-head{margin-bottom:32px}
  .team-head h2{font-size:36px}
  .team-head p{font-size:16px;line-height:1.55}
  .team-grid{grid-template-columns:1fr;gap:38px}
  .team-photo{width:min(100%,200px)}
  .team-info{padding-top:16px}
  .team-name{font-size:22px}
  .team-bio{max-width:none;font-size:15px;line-height:1.58}
  .team-socials{padding-top:14px;gap:9px 16px}
}