/**
 * ESSAI — profondeur bloc entier (Champs d'action).
 * Désactiver : retirer ce fichier + data-scroll-statement-depth-exit + script associé.
 */

.site-scroll-statement[data-scroll-statement-depth-exit="on"] .site-scroll-statement__pin {
  perspective: 310px;
  perspective-origin: 50% 32%;
}

.site-scroll-statement[data-scroll-statement-depth-exit="on"] .site-scroll-statement__text-wrap {
  transform-style: preserve-3d;
  transform-origin: 50% 52%;
  transform:
    translate3d(
      0,
      calc(var(--stmt-depth-y, 0) * 1px),
      calc(var(--stmt-depth-z, 0) * 1px)
    )
    rotateX(calc(var(--stmt-depth-tilt, 0) * 1deg))
    scale(var(--stmt-depth-scale, 1));
  opacity: calc(1 - var(--stmt-depth-exit, 0) * 0.92);
  filter:
    blur(calc(var(--stmt-depth-exit, 0) * 6.8px))
    brightness(calc(1 - var(--stmt-depth-exit, 0) * 0.48));
  will-change: transform, opacity, filter;
}

.site-scroll-statement[data-scroll-statement-depth-exit="on"].is-depth-recessing
  .site-scroll-statement__meta {
  opacity: calc(var(--stmt-meta-o, 0.55) * (1 - var(--stmt-depth-exit, 0) * 0.94));
}

@media (max-width: 767px) {
  .site-scroll-statement[data-scroll-statement-depth-exit="on"] .site-scroll-statement__text-wrap {
    filter:
      blur(calc(var(--stmt-depth-exit, 0) * 4px))
      brightness(calc(1 - var(--stmt-depth-exit, 0) * 0.48));
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-scroll-statement[data-scroll-statement-depth-exit="on"] .site-scroll-statement__text-wrap {
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}