/* ---------- ROWS ---------- */
.experience-row { 
  display: flex; 
  justify-content: center; 
  gap: 40px; 
  position: relative; 
  z-index: 1; 
  margin-bottom: 80px; 
}

/* Staggered zig-zag for visual flow */
.row-1 .experience-card:nth-child(2) { transform: translateY(-20px); }
.row-2 .experience-card:nth-child(2) { transform: translateY(20px); }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 992px) {
  .experience-row {
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
  }
  .row-1 .experience-card:nth-child(2),
  .row-2 .experience-card:nth-child(2){
    transform: translateY(0);
  }
}