/* ══════════════════════════════════════
   RAIFLECTION — experience.css
══════════════════════════════════════ */

#experience { background: var(--dark); padding: 40px 5%; }

.exp-terrain-wrapper {
  border-radius: 20px;
  padding: 40px;
  background: linear-gradient(
    135deg,
    #1a1b2e 0%,
    #22233a 15%,
    #2a2b42 25%,
    #1e1f35 40%,
    #252640 55%,
    #1c1d32 70%,
    #2e2f4a 85%,
    #1a1b2e 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.4),
    inset 1px 0 0 rgba(255,255,255,0.04),
    0 20px 60px rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.06);
}

.exp-terrain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  margin-top: 40px;
}

.exp-terrain-item {
  background: var(--dark3);
  padding: 36px 28px;
  transition: all 0.3s;
  cursor: default;
}

.exp-terrain-item:hover { background: #1a1a2a; }

.exp-terrain-icon { width: 36px; height: 36px; color: var(--cyan); margin-bottom: 18px; }

.exp-terrain-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.exp-terrain-text { color: var(--grey); font-size: 1.1rem; line-height: 1.7; }

/* ── RESPONSIVE EXPÉRIENCE ── */
@media (max-width: 900px) {
  .exp-terrain-grid { grid-template-columns: 1fr; }
  .exp-terrain-wrapper { padding: 24px; }
}
@media (max-width: 900px) {
  #experience { padding-left: 3%; padding-right: 3%; }
  .exp-terrain-wrapper { padding: 8px; }
  .exp-terrain-grid { grid-template-columns: 1fr; margin-top: 24px; }
  .exp-terrain-item { padding: 20px 16px; }
}