@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }

    .landing-reveal {
        transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1),
            transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
        transition-delay: var(--reveal-delay, 0ms);
    }

    .landing-reveal-pending {
        opacity: 0;
        transform: translateY(20px);
    }

    .landing-reveal:focus-within {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@media print {
    .landing-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}