/* Oryzenx — team */
.team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
@media (min-width: 720px) { .team-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .team-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.team-card { display: grid; justify-items: center; text-align: center; gap: .3rem; padding: .85rem .6rem; }
.team-photo { position: relative; display: block; }
.team-photo img, .team-photo .avatar { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px var(--surface), 0 0 0 5px var(--primary-light); }
.team-photo .badge { position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); height: 18px; font-size: .62rem; }
.team-name { font-weight: 700; color: var(--text); font-size: .9rem; margin-top: .3rem; }
.team-role { font-size: .76rem; color: var(--primary); font-weight: 600; }
.team-skills { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem; }
.team-skills .badge { height: 19px; font-size: .66rem; }
.team-social { display: flex; flex-wrap: wrap; justify-content: center; gap: .3rem; margin-top: .25rem; }
.team-social a { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: var(--surface-soft); color: var(--text-muted); font-size: .8rem; }
.team-social a:hover { color: var(--primary); }
.member { max-width: 720px; }
.member-head { display: flex; gap: .9rem; align-items: center; }
.member-photo { width: 80px !important; height: 80px !important; border-radius: 50%; object-fit: cover; flex: none; }
.member-name { font-size: 1.25rem; margin: 0 0 .15rem; display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }