/* Entradas editoriais. A foto, o enquadramento e o layout não são animados. */
:root {
  --eon-entry-ease: cubic-bezier(.16, 1, .3, 1);
  --eon-entry-time: 820ms;
  --eon-entry-distance: 18px;
  --eon-line-stagger: 115ms;
}
.eon-motion-line {
  display: block;
  opacity: 1;
  transform: none;
  clip-path: inset(-.2em -.1em -.22em);
  transition: opacity var(--eon-entry-time) var(--eon-entry-ease),
    transform var(--eon-entry-time) var(--eon-entry-ease),
    clip-path var(--eon-entry-time) var(--eon-entry-ease);
  transition-delay: calc(var(--eon-line-order, 0) * var(--eon-line-stagger));
}
.eon-motion-pending .eon-motion-line {
  opacity: 0;
  transform: translate3d(0, var(--eon-entry-distance), 0);
  clip-path: inset(0 -.1em 100%);
}
.eon-motion-support {
  transition: opacity 650ms var(--eon-entry-ease);
  transition-delay: var(--eon-support-delay, 320ms);
}
.eon-motion-copy.eon-motion-pending .eon-motion-support { opacity: 0; }
.eon-motion-copy.eon-motion-shown .eon-motion-support { opacity: 1; }
.community-copy .eon-motion-heading em::after {
  transform: rotate(-2deg) scaleX(1);
  transform-origin: left center;
  transition: transform 650ms var(--eon-entry-ease) 390ms;
}
.community-copy .eon-motion-heading.eon-motion-pending em::after {
  transform: rotate(-2deg) scaleX(0);
}
/* Uma camada nova separa a entrada do parallax, da flutuação e do tilt. */
.eon-frame-entry { width: 100%; height: 100%; }
.eon-frame-entry, .coach.eon-card-entry {
  opacity: 1;
  transform: none;
  transition: opacity 760ms var(--eon-entry-ease), transform 760ms var(--eon-entry-ease);
  transition-delay: var(--eon-entry-delay, 0ms);
}
.eon-frame-entry.eon-motion-pending, .coach.eon-card-entry.eon-motion-pending {
  opacity: 0;
  transform: translate3d(0, var(--eon-entry-distance), 0);
}
/* Os quadros de acompanhamento conservam seu transform de inclinação. */
.method-card.eon-card-entry {
  transition: opacity 700ms var(--eon-entry-ease), transform .4s var(--ease), box-shadow .4s var(--ease);
  transition-delay: var(--eon-entry-delay, 0ms), 0ms, 0ms;
}
.method-card.eon-card-entry.eon-motion-pending { opacity: 0; }
@media (max-width: 600px) {
  :root {
    --eon-entry-time: 560ms;
    --eon-entry-distance: 8px;
    --eon-line-stagger: 70ms;
  }
  .eon-frame-entry, .coach.eon-card-entry { transition-duration: 560ms; }
  .eon-motion-support { transition-duration: 450ms; }
}
/* Pausar revela tudo de imediato, sem conteúdo preso em uma etapa de entrada. */
html.motion-paused .eon-motion-line,
html.motion-paused .eon-motion-support,
html.motion-paused .eon-frame-entry,
html.motion-paused .eon-card-entry {
  opacity: 1 !important;
  clip-path: none !important;
  transform: none !important;
  transition: none !important;
}
html.motion-paused .eon-motion-heading em::after { transform: rotate(-2deg) !important; }
@media (prefers-reduced-motion: reduce), print {
  .eon-motion-line, .eon-motion-support, .eon-frame-entry, .eon-card-entry {
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    transition: none !important;
  }
  .eon-motion-heading em::after { transform: rotate(-2deg) !important; }
}