/* Les captures gardent leurs proportions à toutes les largeurs de l’export. */
.u-body img.platform-visual {
  object-fit: contain;
  object-position: center;
  filter: none;
}

/* Le gabarit conserve sa place ; le cadre intérieur porte la perspective,
   indépendamment des transformations appliquées par les animations Connectiva. */
.u-body .platform-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  background: none;
  border-radius: 0;
  filter: none;
}

.platform-surface {
  display: block;
  width: 100%;
  overflow: hidden;
  border: 4px solid #edf1f5;
  border-radius: 18px;
  background: #edf1f5;
  box-shadow: 0 3px 0 #afbac5, 0 18px 32px rgba(0, 14, 29, 0.24);
}

.platform-surface > img {
  display: block;
  width: 100%;
  height: auto;
}

.platform-tilted > .platform-surface {
  transform: perspective(1000px) rotateY(-24deg) rotateZ(5deg) scale(0.95);
  transform-origin: center;
}

.u-body .platform-screen-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
}

@media (max-width: 767px) {
  .platform-surface {
    border-width: 3px;
    border-radius: 12px;
  }

  .platform-tilted > .platform-surface {
    transform: perspective(600px) rotateY(-24deg) rotateZ(5deg) scale(0.92);
  }
}