/* Dernière feuille de la cascade : les ajustements selon la place disponible. */
@media (min-width: 48rem) {
    .atouts {
        grid-template-columns: repeat(3, 1fr);
        align-items: start;
    }

    .atouts__element {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}