/* Content stays visible until the scroll controller progressively enhances it. */
@supports (translate: 0 1px) {
  .hc-page [data-scroll-reveal] {
    --hallo-reveal-x: 0px;
    --hallo-reveal-y: 44px;
  }

  .hc-page [data-scroll-reveal="left"] {
    --hallo-reveal-x: -28px;
    --hallo-reveal-y: 18px;
  }

  .hc-page [data-scroll-reveal="right"] {
    --hallo-reveal-x: 28px;
    --hallo-reveal-y: 18px;
  }

  .hc-page [data-scroll-reveal][data-scroll-state="pending"] {
    opacity: 0 !important;
    translate: var(--hallo-reveal-x) var(--hallo-reveal-y);
    transition: none;
  }

  .hc-page [data-scroll-reveal][data-scroll-state="visible"] {
    opacity: 1 !important;
    translate: 0 0;
    transition: opacity .7s ease, translate .85s cubic-bezier(.16, 1, .3, 1);
    transition-delay: var(--hallo-reveal-delay, 0ms);
  }

  .hc-page [data-scroll-reveal][data-scroll-state="settled"] {
    opacity: 1 !important;
    translate: none;
    transition: none;
  }

  @media (max-width: 809px) {
    .hc-page [data-scroll-reveal][data-scroll-state] { --hallo-reveal-y: 28px; }
    .hc-page [data-scroll-reveal="left"] { --hallo-reveal-x: -14px; }
    .hc-page [data-scroll-reveal="right"] { --hallo-reveal-x: 14px; }
  }
}

[data-hallo-motion="paused"] .hc-page [data-scroll-reveal][data-scroll-state] {
  opacity: 1 !important;
  translate: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce), print {
  .hc-page [data-scroll-reveal][data-scroll-state] {
    opacity: 1 !important;
    translate: none;
    transition: none;
  }
}