/* ========================================
   Team Grid — layout + stretched-link cards
   Card base styles reused from lazio-card.css
   ======================================== */

.team-grid {
  display: grid;
  gap: 40px;
}

.team-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.team-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.team-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.team-grid--auto   { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

/* ---- Card hover ---- */

.team-grid .lazio-card--team {
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1),
              box-shadow 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.team-grid .lazio-card--team:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(28, 25, 23, 0.12);
}

.team-grid .lazio-card--team:hover .lazio-card__photo-img {
  filter: grayscale(0%) !important;
  transform: scale(1.03) !important;
}

.team-grid .lazio-card--team:hover .lazio-card__divider-line {
  width: 100% !important;
}

/* ---- Stretched-link pattern ---- */

.lazio-card__stretched-link {
  position: static;
}

.lazio-card__stretched-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.team-grid .lazio-card__linkedin {
  position: relative;
  z-index: 2;
}

.team-grid .lazio-card__linkedin:hover {
  opacity: 0.7;
}

/* ---- Responsive ---- */
@media (max-width: 991px) {
  .team-grid--cols-3,
  .team-grid--cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .team-grid[class*="team-grid--cols-"],
  .team-grid--auto {
    grid-template-columns: 1fr;
  }
}