/* Entrada / saída de página: começa opaco (invisível) para esconder o FOUT */
.site-main {
    opacity: 0;
    transition: opacity 0.22s ease-out;
}

/* O JS adiciona esta classe quando as fontes terminam de carregar */
.site-main.is-ready {
    opacity: 1;
}

/* Animação de saída para a próxima página */
.site-main.is-leaving {
    opacity: 0;
    transition: opacity 0.16s ease-in;
}

/* Fallback para quem tem "reduzir movimento" ativado no sistema */
@media (prefers-reduced-motion: reduce) {
    .site-main {
        transition: none;
    }
}