/* Opacity and transform only, so entrances never change the document layout. */
@media (prefers-reduced-motion: no-preference) {
    .feature-card, .feature-image, .teacher-section picture,
    .review-card, .course-description, .course-feature-image {
        transition: opacity 600ms ease, transform 600ms cubic-bezier(.2,.65,.3,1);
    }
    .teacher-section picture { display: block; }
    .reveal-pending {
        opacity: 0;
        transform: translateY(24px);
    }
    .reveal-pending:focus-within {
        opacity: 1;
        transform: none;
    }
}