/**
 * Comm360 — Texte en chute (gravité) — CSS FIDÈLE Osmo (« Falling Text with Gravity »).
 *
 * Reprise VERBATIM du CSS de la fiche. Seule adaptation autorisée par le mandat
 * de portage fidèle : les sélecteurs globaux d'Osmo (.drop-wrapper,
 * .drop-section, .drop-heading, .drop-heading-img, [data-drop-text] .line) sont
 * SCOPÉS au wrapper déclencheur .comm360-texte-gravite pour ne pas fuiter sur le
 * reste de la page. Valeurs (tailles, transforms, min-height) intactes.
 */

.comm360-texte-gravite .drop-wrapper,
.comm360-texte-gravite.drop-wrapper {
  width: 100%;
  min-height: 350vh;
}

.comm360-texte-gravite .drop-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.comm360-texte-gravite .drop-heading {
  text-align: center;
  max-width: 40rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}

.comm360-texte-gravite .drop-heading-img {
  z-index: 2;
  width: 1.2em;
  display: inline-block;
  position: relative;
}

.comm360-texte-gravite .drop-heading-img img {
  width: 100%;
  max-width: 100%;
}

.comm360-texte-gravite .drop-heading-img.is--first {
  transform: rotate(-20deg)translate(.15em, -.2em);
}

.comm360-texte-gravite .drop-heading-img.is--second {
  transform: translate(-.1em, 0.2em)rotate(10deg);
}

.comm360-texte-gravite .drop-heading-img.is--third {
  margin-left: -.1em;
  margin-right: -.1em;
  margin-top: -.2em;
  transform: translate(-.05em, .1em)rotate(50deg);
}

.comm360-texte-gravite [data-drop-text] .line {
  display: block;
}