/* Match the homepage's .widget entrance without inheriting its layout. */
html[data-reveal-status="loading"] .work-page,
html[data-reveal-status="loading"] .vz-home {
    visibility: hidden;
}

html:has(.inner-page) {
    scrollbar-width: thin;
    scrollbar-color: #141516 #141516;
}

html:has(.inner-page.is-scrolling) {
    scrollbar-color: #777876 #141516;
}

html:has(body.inner-page)::-webkit-scrollbar {
    width: 5px;
}

html:has(body.inner-page)::-webkit-scrollbar-track {
    background: #141516;
}

html:has(body.inner-page)::-webkit-scrollbar-thumb {
    background: #141516;
    border-radius: 999px;
}

html:has(body.inner-page.is-scrolling)::-webkit-scrollbar-thumb {
    background: #777876;
}

.scroll-reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.scroll-reveal.is-pending {
    opacity: 0;
    transform: translateY(40px);
    transition: none;
    pointer-events: none;
}
@media print {
    .scroll-reveal, .scroll-reveal.is-pending {
        opacity: 1;
        transform: none;
        transition: none;
        pointer-events: auto;
    }
}