/* ─────────────────────────────────────────
   EXPÉRIENCES SECTION
───────────────────────────────────────── */

.experiences__title {
  font-family: var(--font-display);
  font-size: clamp(48px, 7vw, 100px);
  line-height: 0.92;
  letter-spacing: 0.01em;
  color: var(--text);
  margin-bottom: 60px;
}

.experiences__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
}

.experiences__list .exp-card {
  background: var(--bg);
  border: none;
}

.experiences__list .exp-card:hover,
.experiences__list .exp-card.is-open {
  background: var(--bg-card);
  box-shadow: none;
  border: none;
  outline: 1px solid var(--border-hover);
  outline-offset: -1px;
}

@media (max-width: 768px) {
  .exp-card__header {
    padding: 24px 20px;
  }

  .exp-card__body > * {
    padding: 0 20px;
  }

  .exp-card__role {
    font-size: 17px;
  }
}