@media (prefers-reduced-motion: no-preference) {
    .hero__content,
    .hero__media {
        animation: softReveal 700ms ease both;
    }

    .hero__media {
        animation-delay: 150ms;
    }

    @keyframes softReveal {
        from {
            opacity: 0;
            transform: translateY(14px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}