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

.team-grid {
align-items: stretch;
}

.team-card {
position: relative;
min-height: 330px;
overflow: hidden;
display: flex;
flex-direction: column;
}

.team-card__number {
position: absolute;
top: 1.25rem;
right: 1.25rem;

font-family: var(--f-mono);
font-size: 0.7rem;
opacity: 0.45;
}

.team-card__avatar {
width: 68px;
height: 68px;

display: flex;
align-items: center;
justify-content: center;

border: 1px solid var(--line);
border-radius: 50%;

margin-bottom: 1.5rem;

font-family: var(--f-mono);
font-size: 0.85rem;

background: var(--surface);
}

.team-card__avatar span {
opacity: 0.75;
}

.team-card__desc {
font-size: 0.9rem;
margin-top: 1.25rem;
max-width: 28rem;
}

.team-card__stack {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
margin-top: auto;
padding-top: 1.5rem;
}

.team-card__stack span {
font-family: var(--f-mono);
font-size: 0.7rem;
line-height: 1;

padding: 0.45rem 0.6rem;

border: 1px solid var(--line);
border-radius: 3px;

opacity: 0.7;
}

.team-card:hover .team-card__avatar {
transform: rotate(-4deg);
}

.team-card__avatar {
transition: transform 0.3s ease;
}

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

.team-card {
min-height: 280px;
}
}


.tag--open{ background: rgba(58, 133, 31, 0.14); color: var(--copper); border: 1px solid rgba(111, 114, 24, 0.35); }