/* ================= TEAM SECTION ================= */

/* spacing / layout */
#team .container {
  padding-bottom: 40px; /* space before members start */
}
#team .team-grid {
  gap: 30px; /* distance between member cards */
}
.team-grid {
  margin-top: 120px; /* separation from heading */
}

/* base member card */
.member {
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

/* hover for normal members: lift + grow */


.member:hover {
  transform: translateY(-3px) scale(1.05);
  border-color: var(--cyan);
  box-shadow: 0 0 20px rgba(24,225,255,.2);
  z-index: 2;
}


/* chief (default bigger + stronger glow) */
.member.chief {
  transform: scale(1.08);
  z-index: 1;
  box-shadow: 0 0 30px rgba(24,225,255,.3);
  border-color: var(--cyan);
}
.member.chief:hover {
  transform: translateY(-60px) scale(1.1);
  box-shadow: 0 0 40px rgba(24,225,255,.4);
  z-index: 3;
}

/* highlight (default bigger + lighter glow) */
.member.highlight {
  transform: scale(1.06);
  z-index: 1;
  box-shadow: 0 0 20px rgba(24,225,255,.2);
  border-color: var(--cyan);
}
.member.highlight:hover {
  transform: translateY(-6px) scale(1.1);
  box-shadow: 0 0 30px rgba(24,225,255,.35);
  z-index: 3;
}

.member {
  display: block;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  box-shadow: var(--shadow);
}
.member:hover {
  text-decoration: none;
}