
/* TEAM ZEIT */
.team-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; }
.member { display: flex; flex-direction: column; gap: 14px; }
.avatar { aspect-ratio: 1 / 1; border-radius: 4px; overflow: hidden; position: relative; background: var(--warm-sand); }
.avatar img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.member:hover .avatar img { transform: scale(1.05); }
.avatar-pending { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; background: var(--warm-sand); color: var(--dark-blue); font-size: 12px; font-weight: 300; line-height: 1.3; }
.member-name { font-size: 15px; font-weight: 800; letter-spacing: -0.015em; color: var(--cold-sand); }
.member-role { font-size: 12px; font-weight: 300; color: var(--cold-sand); margin-top: -8px; }
.stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 6px; }
.stat-num { font-size: clamp(40px, 5.5vw, 66px); font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: var(--mint); }
.stat p { margin-top: 10px; font-size: 14px; color: var(--cold-sand); max-width: 24ch; }
.duo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
a.fcard { text-decoration: none; color: inherit; display: block; }
.fcard-label { display: block; font-size: 11px; font-weight: 800; letter-spacing: normal; color: var(--mint); margin-bottom: 10px; }
.on-sand .fcard-label { color: var(--dark-blue); }
.fcard-link { display: inline-block; margin-top: 14px; font-size: 13px; font-weight: 800; color: var(--mint); }
@media (max-width: 1000px) { .team-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .duo-grid { grid-template-columns: 1fr; } .stat-grid { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 600px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }

.member-social { display: flex; gap: 9px; margin-top: 2px; }
.member-social a { display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(250,250,250,0.18); color: var(--cold-sand); transition: color .2s ease, background .2s ease, border-color .2s ease; }
.member-social a:hover { color: var(--dark-blue); background: var(--mint); border-color: var(--mint); }
.member-social svg { width: 13px; height: 13px; fill: currentColor; display: block; }
.philo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
  
