/* About Us — live team cards (fed by worker team.json) */
.team-title { color: var(--hud-orange); font-family: "Orbitron", sans-serif; letter-spacing: .12em; margin: 0 0 .25rem; }
.team-cap { color: var(--hud-muted, #7a8794); font-size: .8rem; margin: 0 0 1.5rem; }
.team-group { margin-bottom: 1.75rem; }
.team-group h3 { color: var(--hud-orange); font-family: "Orbitron", sans-serif; font-size: 1rem; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 .75rem; }
.team-count { color: var(--hud-cyan); border: 1px solid var(--hud-cyan); font-size: .7rem; padding: .1rem .45rem; margin-left: .4rem; vertical-align: middle; }
.team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .75rem; list-style: none; margin: 0; padding: 0; }
.team-card { display: flex; flex-direction: column; align-items: center; gap: .5rem; background: var(--hud-panel); border: 1px solid var(--hud-border); border-top: 3px solid var(--hud-orange); clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); padding: .9rem .5rem .7rem; text-align: center; }
.team-card img { width: 64px; height: 64px; border-radius: 50%; border: 2px solid var(--hud-orange); object-fit: cover; }
.team-card span { font-size: .85rem; overflow-wrap: anywhere; }
@media (max-width: 575px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }
