html {
    scroll-behavior: smooth;
}

.site-scroll-reveal {
    opacity: 0;
    translate: 0 36px;
    transition: opacity 700ms ease, translate 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.site-scroll-reveal.is-visible,
.site-scroll-reveal:focus-within {
    opacity: 1;
    translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .site-scroll-reveal {
        opacity: 1;
        translate: none;
        transition: none;
    }
}