bg-navy-card\/50 {
    background-color: rgb(22 41 53 / 0.5);
}

.border-line {
    --tw-border-opacity: 1;
    border-color: rgb(39 60 72 / var(--tw-border-opacity, 1));
}

.reveal-on-scroll{
  opacity: 0;
  transform: translateY(44px);
  transition:
    opacity 650ms ease,
    transform 850ms cubic-bezier(0.16, 1, 0.3, 1); /* “smooth stop” */
  will-change: transform, opacity;
}

.reveal-on-scroll.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* Optional: minimaler “pop” beim Ankommen */
.reveal-on-scroll.is-visible{
  transition-delay: 40ms;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .reveal-on-scroll{
    transition: none;
    opacity: 1;
    transform: none;
  }
}