/* Page: Team */

.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  margin-top: .8rem;
}

.team-card {
  display: flex;
  align-items: center;
  gap: .9rem;
  border: 1px solid var(--border);
  background: var(--panel);
  border-radius: .9rem;
  padding: 1rem 1.1rem;
  box-shadow: var(--shadow);
}

/* Original circular avatars (force perfect circle and prevent flex shrink) */
.team-card .avatar {
  width: 84px;
  height: 110px;              /* taller than width to form an oval */
  flex: 0 0 84px;             /* fixed width; prevent flex shrink */
  border-radius: 50%;         /* 50% on a non-square produces an oval */
  overflow: hidden;
  display: inline-grid;
  place-items: center;
  background: linear-gradient(135deg, var(--accent), var(--accent-mid));
}
.team-card .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
/* Nudge focus downward to reveal more chin */
.team-card .avatar img.face-low { object-position: 50% 100%; }
/* Zoom-out helper to reveal more content inside the frame */
.team-card .avatar img.zoom-out { transform: scale(0.88); transform-origin: 50% 100%; }

/* Name-only links inside team cards */
.team-card .meta h3 a { color: inherit; text-decoration: none; }
.team-card .meta h3 a:hover { color: var(--accent); text-decoration: underline; }

/* Dedicated tuning to pull more of the lower face into view */
.team-card .avatar img.focus-face { object-position: 50% 50%; transform: none; }

.team-card .meta h3 { margin: 0 0 .2rem; }
.team-card .meta p { margin: 0; }
.team-card .meta .subtitle{ color:#6C7383; font-weight:600; margin:.05rem 0 .35rem; }

.links-row { margin-top: .35rem; }
.links-row .sep { opacity: .6; margin: 0 .35rem; }

/* Contact email styling */
.contact-email { color: var(--accent); font-weight: 600; text-decoration: none; }
.contact-email:hover { color: #0b8b8d; text-decoration: underline; }

@media (max-width: 680px){
  .team-card { align-items: flex-start; }
}