/* Utilities and simple animations */

.fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.2s var(--ease-out-expo), transform 1.2s var(--ease-out-expo);
}

.fade-up.in-view {
    opacity: 1;
    transform: translateY(0);
}

.scroll-reveal {
    opacity: 0;
    transform: translateY(80px); /* slightly more dramatic drop */
    transition: opacity 1.5s var(--ease-out-expo), transform 1.5s var(--ease-out-expo);
}

.scroll-reveal.in-view {
    opacity: 1;
    transform: translateY(0);
}

/* Custom classes applied via JS */
.is-pinned {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
}