/* Product scenes shared by the service cards and their detail pages. */
.service-art-panel {
  display: grid;
  place-items: center;
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  aspect-ratio: 3 / 2;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(150deg, #f0f8ff, #fff 80%);
  box-shadow: none;
}

.service-art-panel img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  border-radius: 0;
  object-fit: contain;
  object-position: center;
}

.service-art-panel--acquisition { background: linear-gradient(150deg, #f0f5ff, #fff 80%); }
.service-art-panel--video { background: linear-gradient(150deg, #fff1f6, #fff 80%); }
.service-art-panel--covering { background: linear-gradient(150deg, #fff6eb, #fff 80%); }
.service-art-panel--graphisme { background: linear-gradient(150deg, #fff3fa, #fff 80%); }
.service-art-panel--institutionnelle { background: linear-gradient(150deg, #effaf6, #fff 80%); }
.service-art-panel--marches-publics { background: linear-gradient(150deg, #f6f5f4, #fff 80%); }

/* Keep old banner dimensions from cropping the new complete product scenes. */
.service-banner-picture.service-art-panel { height: auto; }
.camera-visual.service-art-panel::before { content: none; }

@media (max-width: 620px) {
  .service-art-panel { border-radius: 18px; }
}

.service-art-panel img{aspect-ratio:3/2}
.service-art-panel--reseaux-sociaux{background:linear-gradient(150deg,#f2f1ff,#fff 80%)}
.institution-visual{background:linear-gradient(110deg,#0b2041ef,#0b204195),url('https://static.wixstatic.com/media/ab0aa1_146033a0518f4bb08be609001ae014b3~mv2.png/v1/fill/w_1200,h_800,al_c,q_90/ab0aa1_146033a0518f4bb08be609001ae014b3~mv2.png') right center / cover}