/* XYLO V2.0.2 — Accessible, once-per-element scroll reveal.
   The default state is ALWAYS visible: without JS, content is never hidden. */
.xylo-scroll-wait {
  opacity: 0;
  translate: 0 22px;
}
.xylo-scroll-enter {
  opacity: 1;
  translate: 0 0;
  transition: opacity 680ms cubic-bezier(.22,1,.36,1),
              translate 680ms cubic-bezier(.22,1,.36,1);
  transition-delay: var(--xylo-scroll-delay, 0ms);
}
@media (prefers-reduced-motion: reduce) {
  .xylo-scroll-wait, .xylo-scroll-enter {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }
}