/* Photos de la section « Engagements » (écrit à la main, non généré).
   Même cadre que les illustrations du design (5:4, coins arrondis) ; un léger
   étalonnage rapproche les quatre photos de la palette chaude du site. */
.eng-photo {
  position: relative; aspect-ratio: 5 / 4; border-radius: 22px; overflow: hidden;
  background: #E6E3DE; /* teinte d'attente pendant le chargement */
  isolation: isolate;
}
.eng-photo img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  filter: saturate(.86) contrast(.97) brightness(1.02);
  scale: 1.1; /* marge pour la parallaxe (motion.js), sans bord visible */
}
/* Voile très léger aux couleurs du site, pour unifier les quatre photos. */
.eng-photo::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(243, 242, 239, 0) 55%, rgba(122, 100, 112, .12));
  mix-blend-mode: multiply;
}
@media (prefers-reduced-motion: reduce) { .eng-photo img { scale: 1; } }