/* ── Overflow hidden pour clip-path reveal des photos ────── */
.photo-item {
  overflow: hidden;
  will-change: clip-path;
}

/* ── Performance : GPU hint sur les éléments animés ─────── */
.card,
.approche-card,
.nav-pill,
.eyebrow-pill,
.hero-headline,
.hero-sub,
.hero-ctas,
.section-accent {
  will-change: transform, opacity;
}

/* ── Boutons magnétiques : éviter le débordement layout ──── */
a[href*='wa.me'],
.btn-wa {
  display: inline-flex;
  transform-origin: center;
}

/* ── Réduire les animations si l'utilisateur le préfère ──── */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .card,
  .approche-card,
  .photo-item,
  .section-accent,
  .nav-pill,
  .hero-headline,
  .hero-sub {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    clip-path: none !important;
  }
}