/* Photos complémentaires des pages Mariages, Entreprises, Réalisations et Devis. */
.mp-detail { margin: 18px 0 0; max-width: 380px; }
.mp-detail img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 18px; }
.dg-photo { margin: 0 0 24px; }
.dg-photo img, .faq-photo img, .ef-photo img, .dv-photo img, .li-photo img { width: 100%; height: auto; object-fit: cover; border-radius: 18px; }
.dg-photo img, .ef-photo img { aspect-ratio: 3 / 2; }
.faq-photo { margin: 24px 0 4px; }
.faq-photo img { aspect-ratio: 3 / 2; }
.ef-photo { margin: 0 0 6px; }
.li-photo { margin: 0; grid-column: 1 / 6; }
.li-photo img { aspect-ratio: 4 / 3; object-position: 50% 65%; }
.dv-photo { margin: 0; grid-column: 1 / 5; }
.dv-photo img { aspect-ratio: 4 / 3; object-position: 60% 50%; }
.dv-photo figcaption { margin-top: 14px; font-size: 15px; line-height: 1.45; color: var(--encre-douce); }
.fiche-visuel-photos .fiche-cadre { margin: 0; aspect-ratio: 3 / 2; }
.fiche-visuel-photos .fiche-menu { margin-top: 18px; min-height: 0; aspect-ratio: auto; padding: 24px 28px; border-radius: 22px; }
.fiche-visuel-photos .fm-plats { font-size: 17px; }
.jj-carte-photo { isolation: isolate; overflow: hidden; background: #142b22; color: #fff; }
.jj-photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 50% 63%; }
.jj-carte-photo::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(13,32,24,.94), rgba(13,32,24,.8) 65%, rgba(13,32,24,.42)); }
.jourj.scene-on .jj-carte-photo > p:last-child, .jourj .jj-carte-photo > p:last-child { color: #fff; }
.jj-carte-photo .jj-h { color: var(--encre); }
.m-intro-photo img { object-position: 46% 50%; }
.e-bande-cadre img { object-position: 50% 55%; }
@media (min-width: 1024px) {
  .li-texte { grid-row: 1; }
  .li-photo { grid-row: 2; }
  .li-lieux { grid-row: 1 / span 2; }
  .dv-in > .titre { grid-row: 1; }
  .dv-photo { grid-row: 2; }
  .dv-liste { grid-row: 1 / span 2; }
}
@media (max-width: 1023px) {
  .li-photo, .dv-photo { grid-column: 1 / -1; }
  .li-photo img, .dv-photo img { aspect-ratio: 3 / 2; max-height: 440px; }
}
@media (max-width: 599px) {
  .m-intro-photo img { object-position: 44% 50%; }
  .e-bande-cadre img { object-position: 55% 50%; }
  .mp-detail { max-width: none; }
  .fiche-visuel-photos .fiche-menu { padding: 22px; }
}