/* Lozenges: soft rounded cards */
.lozenge {
  border-radius: 1.25rem; /* lozenge-y */
}

/* Base reveal state */
[data-reveal] {
  opacity: 0;
  transform: translateX(0); /* will be overridden by direction classes */
  transition: transform 600ms ease, opacity 600ms ease;
  will-change: transform, opacity;
}
/* Directions (initial offset) */
.reveal-left { transform: translateX(-48px); }
.reveal-right { transform: translateX(48px); }

/* Visible state */
.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* Reduce motion accessibility */
@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}