.acad-recommendations {
    scroll-margin-top: 5rem;
}

.acad-rec-card {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.45s ease, transform 0.45s ease, box-shadow 0.3s ease;
}

.acad-rec-card.acad-rec-visible {
    opacity: 1;
    transform: translateY(0);
    transition-delay: var(--rec-delay, 0ms);
}

.acad-rec-card:hover .voir-overlay {
    opacity: 1;
}

.acad-rec-card .voir-overlay {
    opacity: 0;
}

.acad-rec-grid .acad-rec-card:nth-child(n+5) {
    --rec-delay: calc(var(--rec-delay, 0ms) + 40ms);
}

@media (prefers-reduced-motion: reduce) {
    .acad-rec-card {
        opacity: 1;
        transform: none;
        transition: none;
    }
}