.team-wrap{
width:var(--pw2);margin:var(--gap) auto;
}
.team-header{
text-align:center;
margin-bottom:var(--gap);
}
.team-header h1{
font-family:var(--ff2);
font-size:56px;
font-weight:800;
color:var(--tx1);
margin:0 0 12px;
text-transform:uppercase;
letter-spacing:2px;
}
.team-header p{
font-size:20px;
color:var(--tx2);
margin:0 0 var(--gap);
max-width:700px;
margin-inline:auto;
line-height:1.6;
}
.team-stats-summary{
display:flex;
align-items:center;
justify-content:center;
gap:16px;
font-size:18px;
color:var(--tx2);
}
.team-stats-summary strong{
color:var(--cl1);
font-weight:700;
}
.team-stats-sep{
color:var(--tx3);
}
.team-grid{
display:flex;
flex-direction:column;
gap:var(--gap);
}
.team-card{
display:flex;
align-items:center;
gap:var(--gap);
padding:var(--gap);
background-color:var(--bg2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br1);
box-shadow:var(--fbs);
color:var(--tx1);
transition:80ms;
}
.team-card:hover{
background-color:var(--hv1);
}
.team-card:hover .team-card-arrow svg{
fill:var(--cl1);
}
.team-card-avatar{
width:80px;
height:80px;
border-radius:50%;
background-color:var(--cl1);
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.team-card-avatar span{
font-family:var(--ff2);
font-size:30px;
font-weight:800;
color:var(--wht);
letter-spacing:1px;
}
.team-card-info{
flex:1;
min-width:0;
}
.team-card-name-row{
display:flex;
align-items:center;
gap:12px;
margin-bottom:6px;
}
.team-card-name{
font-family:var(--ff2);
font-size:32px;
font-weight:700;
color:var(--tx1);
margin:0;
text-transform:uppercase;
letter-spacing:.5px;
}
.team-card-badge{
display:inline-block;
background-color:var(--cl1);
color:var(--blk);
padding:5px 14px;
border-radius:14px;
font-size:15px;
font-weight:700;
font-family:var(--ff2);
text-transform:uppercase;
letter-spacing:.5px;
}
.team-card-meta{
font-size:17px;
color:var(--tx3);
margin-bottom:8px;
}
.team-card-stats{
display:flex;
gap:24px;
}
.team-card-stat{
display:flex;
align-items:baseline;
gap:6px;
}
.team-card-stat-num{
font-size:24px;
font-weight:700;
color:var(--cl1);
line-height:1;
}
.team-card-stat-label{
font-size:17px;
color:var(--tx2);
}
.team-card-arrow{
flex-shrink:0;
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
}
.team-card-arrow svg{
width:28px;
height:28px;
fill:var(--tx3);
transition:fill .1s;
}