/* Visible without JavaScript. Animate content only; preserve section geometry,
   edge-to-edge rail media, decorative overlaps and normal native scrolling. */
[data-apak-reveal] {
  --apak-reveal-x: 0px;
  --apak-reveal-y: 32px;
  --apak-reveal-scale: 1;
  --apak-reveal-blur: 0px;
  --apak-reveal-delay: 0ms;
}

[data-apak-reveal="left"] {
  --apak-reveal-x: -40px;
  --apak-reveal-y: 0px;
}

[data-apak-reveal="right"] {
  --apak-reveal-x: 40px;
  --apak-reveal-y: 0px;
}

[data-apak-reveal="fade"] {
  --apak-reveal-y: 0px;
  --apak-reveal-blur: 6px;
}

[data-apak-reveal="blur"] {
  --apak-reveal-y: 14px;
  --apak-reveal-scale: .985;
  --apak-reveal-blur: 10px;
}

[data-apak-reveal="scale"] {
  --apak-reveal-y: 22px;
  --apak-reveal-scale: .965;
  --apak-reveal-blur: 5px;
}

[data-apak-reveal-state="pending"], [data-apak-reveal-state="entering"] {
  transition: opacity 650ms cubic-bezier(.22, 1, .36, 1) var(--apak-reveal-delay),
    transform 900ms cubic-bezier(.16, 1, .3, 1) var(--apak-reveal-delay),
    filter 850ms cubic-bezier(.16, 1, .3, 1) var(--apak-reveal-delay);
}

[data-apak-reveal-state="pending"] {
  opacity: 0;
  transform: translate(var(--apak-reveal-x), var(--apak-reveal-y)) scale(var(--apak-reveal-scale));
  filter: blur(var(--apak-reveal-blur));
}

[data-apak-reveal-state="entering"] {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  filter: blur(0);
}

/* Compact side gutters cannot accommodate a 40px lateral entrance. */
@media (max-width: 1100px) {
  [data-apak-reveal="left"], [data-apak-reveal="right"] {
    --apak-reveal-x: 0px;
    --apak-reveal-y: 32px;
  }
}

@media (prefers-reduced-motion: reduce), print {
  [data-apak-reveal-state] {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}