/* Media queries complémentaires à Tailwind */

/* Écrans très petits : on réduit un peu la taille du hero */
@media (max-width: 480px) {
  .hero-bg {
    min-height: 78vh;
  }

  .experience-card {
    min-height: 200px;
  }

  .experience-content {
    padding: 1rem 1rem 1.1rem;
  }
}

/* Écrans larges : on étire un peu les cartes, esprit bibliothèque Steam wide */
@media (min-width: 1280px) {
  .experience-card {
    min-height: 400px;
  }
}

/* Ajuster le bandeau de logos sur mobiles */
@media (max-width: 640px) {
  .logo-placeholder {
    flex: 1 1 calc(50% - 0.5rem);
    justify-content: center;
  }
}