.transition-target {
    transition: opacity var(--t-fade) var(--ease-standard), transform var(--t-word) var(--ease-standard);
}

.transition-dimming {
    opacity: 0;
}

.transition-word {
    will-change: transform, opacity;
}

.transition-word.is-drifting {
    transform: translateX(60px);
}

.page-main {
    opacity: 1;
    transition: opacity var(--t-fade) var(--ease-standard);
}

body.is-transitioning .page-main {
    opacity: 0.2;
}

body.is-content-page #site-background-blur {
    opacity: 1;
    backdrop-filter: blur(8px);
}

.reveal-on-scroll {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.6s var(--ease-standard), transform 0.6s var(--ease-standard);
}

.reveal-on-scroll.is-revealed {
    opacity: 1;
    transform: translateY(0);
}