section , a{color: var(--particle-color);}
        .logo-row{display: flex; justify-content: center; gap: 1rem;flex-wrap: wrap; }
        .logo-row img{width: 100px; }
        /* ==== Teaser / Portfolio extrait ==== */
#teaser {                      /* optionnel, juste un peu d’air */
  padding: 4rem 1rem;
  text-align: center;
}

.teaser-grid {
  display: flex;
  flex-direction: column;     /* 1 colonne par défaut (mobile) */
  gap: 1.5rem;                /* espace entre les cartes */
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Cartes */
.teaser-grid article {
  flex: 1 1 100%;             /* occupe toute la ligne en mobile */
  max-width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 6px 18px rgb(0 0 0 / .08);
  transition: transform .3s ease;
}

.teaser-grid article:hover { transform: translateY(-4px); }

/* ---- Uniformiser les images ---- */

/* Le conteneur <figure> devient le “cadre” */
.teaser-grid figure {
  /* choisissez votre ratio préféré : 16/9, 4/3, carré… */
  aspect-ratio: 4 / 3;     /* même largeur/hauteur pour tous */
  margin: 0;
  overflow: hidden;        /* cache ce qui dépasse */
  background: #f5f5f5;     /* couleur de fond si l’image est lente à charger */
  border-radius: 1rem;     /* même arrondi que la carte (facultatif) */
}

/* L’image remplit 100 % du cadre, recadrage auto */
.teaser-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* couvre entièrement le cadre (crop si nécessaire) */
  object-position: center; /* centre le recadrage */
  display: block;          /* évite le petit “gap” inline */
}

/* ===== Breakpoints ===== */

/* ≥ 600 px : 2 colonnes */
@media (min-width: 600px) {
  .teaser-grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .teaser-grid article {
    flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}

/* ≥ 1024 px : 3 colonnes */
@media (min-width: 1024px) {
  .teaser-grid article {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
  }
}