/* pKorix website: single owner for section-entry motion.
   JS opts in only elements below the viewport; HTML stays visible without JS. */
.pk-scroll-reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
}

.pk-scroll-reveal.pk-reveal-visible {
  animation: pk-section-enter 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pk-scroll-delay, 0ms);
}

@keyframes pk-section-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Motion must never hide information for reduced-motion users or printers. */
@media (prefers-reduced-motion: reduce), print {
  .pk-scroll-reveal,
  .pk-scroll-reveal.pk-reveal-visible {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}