/* Groupes: generated photographic illustrations, scoped to this LP. */
.lp-groupes .photo-frame {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
  border-radius: 16px;
  background: var(--slot);
}
.lp-groupes .photo-frame picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.lp-groupes .photo-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
.lp-groupes .hero-visual {
  border-style: solid;
  border-color: var(--line);
}
.lp-groupes .hero-photo img,
.lp-groupes .featured-photo img { object-position: center top; }
.lp-groupes .hero-photo .image-credit { top: 12px; bottom: auto; }
.lp-groupes .image-credit {
  position: absolute;
  z-index: 1;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  padding: 4px 7px;
  border-radius: 5px;
  color: var(--text);
  background: #fffffff2;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 500;
}
.lp-groupes .portraits .photo-frame { aspect-ratio: 1; }
.lp-groupes .illustration-image { aspect-ratio: 16 / 9; }
.lp-groupes .illustration-image img { object-position: center top; }
.lp-groupes .illustration-caption { margin-top: 18px; }
.lp-groupes .illustration-caption strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--ink);
}
.lp-groupes .illustration-caption p {
  margin-top: 6px;
  color: var(--muted);
  font-size: 14px;
}
@media (max-width: 767px) {
  .lp-groupes .portraits .image-credit {
    left: 7px;
    bottom: 7px;
    max-width: calc(100% - 14px);
    padding: 3px 5px;
    font-size: 9px;
  }
}