/* SECTION */
.team-section {
  padding: 80px 20px;
}

/* HEADER */
.team-header {
  text-align: center;
  max-width: 900px;
  margin: auto;
  margin-bottom: 50px;
}

/* ROW */
.team-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
/* CARD BASE */
.team-card {
  position: relative;
  width: 275px;
  height: 357px;
  background-size: cover;
  background-position: left;
  transition: all 0.5s ease;
  overflow: hidden;
  cursor: pointer;
}

/* OVERLAY (dark / colored) */
/* .card-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  transition: 0.4s;
} */

/* CONTENT LAYER */
.card-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  color: #fff;
  z-index: 2;
}

/* TITLE TOP LEFT */
.card-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

/* TEXT AREA (hidden by default) */
.card-text {
  opacity: 0;
  transition: 0.4s;
  padding-left: 40%;
}

/* DEFAULT SMALL STATE */
/* .team-row:hover .team-card {
  width: 120px;
  opacity: 0.5;
} */

/* ACTIVE CARD */
.team-card.active {
  width: 900px !important;
}

/* SHOW TEXT ONLY ON ACTIVE */
.team-card.active .card-text {
  opacity: 1;
}

/* LIGHT OVERLAY FOR ACTIVE */
.team-card.active .card-overlay {
  background: rgba(183,155,99,0.85); /* gold tint */
}

/* REMOVE FADE */
/* .team-card:hover {
  opacity: 1 !important;
} */


/* RESPONSIVE */
@media (max-width: 992px) {

  .team-row {
    flex-direction: column;
  }

  .team-card {
    width: 100% !important;
    height: auto;
    flex-direction: column !important;
  }