.team-section{padding:88px 24px;background:linear-gradient(180deg,var(--dark),var(--dark2));scroll-margin-top:78px}
.team-section .section-header{margin-bottom:44px}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.team-card{min-width:0;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(36,41,51,.72);text-align:center;box-shadow:0 16px 48px rgba(0,0,0,.16)}
.team-photo{width:104px;height:104px;margin:0 auto 18px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#353d49,#1d222b);border:3px solid rgba(210,71,52,.5);color:#fff;font:800 1.45rem/1 var(--heading);letter-spacing:.03em}
.team-photo img{display:block;width:100%;height:100%;object-fit:cover}
.team-card h3{font-family:var(--heading);font-size:1.08rem;line-height:1.3;margin:0}
.team-role{display:block;margin:7px 0 12px;color:var(--red-hover);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.team-card p{margin:0;color:var(--gray);font-size:.88rem;line-height:1.6}
.team-skills{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:15px 0 0;padding:0;list-style:none}
.team-skills li{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#d8dde5;font-size:.72rem}
html[data-theme="light"] .team-card{border-color:#dce2ea;background:#fff;box-shadow:0 16px 42px rgba(17,24,39,.08)}
html[data-theme="light"] .team-card h3{color:#18202b}
html[data-theme="light"] .team-role{color:#b7382b}
html[data-theme="light"] .team-card p{color:#4e5b6c}
html[data-theme="light"] .team-skills li{background:#edf1f5;color:#344054}
@media(max-width:980px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.team-section{padding:64px 16px}.team-grid{grid-template-columns:1fr}.team-card{display:grid;grid-template-columns:76px 1fr;text-align:left;column-gap:16px;align-items:center;padding:18px}.team-photo{width:76px;height:76px;margin:0;grid-row:1/5}.team-role{margin:4px 0 8px}.team-skills{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.team-card{transition:none}}