/* Team Page */

#team-page       { background: var(--cream); }
#team-why        { background: linear-gradient(135deg, var(--brown), var(--g9)); }
#team-why h2.title { color: var(--white); }
#team-why .sub   { color: rgba(255,255,255,.68); }
#team-why .label { color: var(--g3); }
#team-join       { background: var(--creamD); }

/* ── Extended team grid (more members) ── */
.team-grid-lg { display: grid; grid-template-columns: repeat(4,1fr); gap: 26px; }

/* ── Team member profile card (larger) ── */
.tm-card-lg {
  background: var(--white); border-radius: 20px; overflow: hidden;
  box-shadow: var(--sh-sm); transition: var(--ease);
}
.tm-card-lg:hover { transform: translateY(-7px); box-shadow: var(--sh-md); }
.tm-img-lg { height: 300px; overflow: hidden; position: relative; }
.tm-img-lg img { width:100%; height:100%; transition: transform .5s; }
.tm-card-lg:hover .tm-img-lg img { transform: scale(1.05); }
.tm-soc-lg {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(138,80,40,.88), transparent);
  display: flex; justify-content: center; gap: 10px;
  padding: 22px 12px 12px;
  transform: translateY(100%); transition: var(--ease);
}
.tm-card-lg:hover .tm-soc-lg { transform: translateY(0); }
.tm-soc-lg a {
  width: 32px; height: 32px; background: rgba(255,255,255,.18);
  border-radius: 50%; display: flex; align-items: center;
  justify-content: center; color: var(--white); font-size: 13px; transition: var(--ease);
}
.tm-soc-lg a:hover { background: var(--g4); }
.tm-body-lg { padding: 20px 22px 22px; }
.tm-name-lg { font-family: var(--ff-h); font-size: 1.15rem; color: var(--brown); margin-bottom: 3px; }
.tm-role-lg { font-size: 12.5px; color: var(--g6); font-weight: 500; margin-bottom: 6px; }
.tm-exp-lg  { font-size: 12px; color: var(--gray); }
.tm-certs   { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.tm-cert {
  padding: 3px 10px; background: var(--gl); color: var(--g8);
  border-radius: 50px; font-size: 10px; font-weight: 600; letter-spacing: .5px;
}
.tm-bio {
  font-size: 12.5px; color: var(--gray); line-height: 1.65;
  margin-top: 10px; border-top: 1px solid var(--creamD); padding-top: 10px;
}

/* ── Join team banner ── */
.join-banner {
  background: var(--white); border-radius: 22px; padding: 52px 48px;
  box-shadow: var(--sh-md); display: flex; align-items: center;
  justify-content: space-between; gap: 32px; flex-wrap: wrap;
}
.join-text h3 { font-family: var(--ff-h); font-size: 1.9rem; color: var(--brown); margin-bottom: 10px; }
.join-text p  { font-size: 14.5px; color: var(--gray); line-height: 1.7; max-width: 520px; }
.join-btns    { display: flex; gap: 12px; flex-wrap: wrap; }

@media (max-width: 1024px) {
  .team-grid-lg { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .join-banner { flex-direction: column; padding: 36px 28px; }
}
@media (max-width: 480px) {
  .team-grid-lg { grid-template-columns: 1fr; }
}