/* ===== Portfolio Scroll Animations ===== */

/* Heading & subtitle */
.portfolio-heading.scroll-hidden,
.portfolio-subtitle.scroll-hidden {
    opacity: 0;
    transform: translateY(30px);
}

.portfolio-heading.scroll-visible,
.portfolio-subtitle.scroll-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Brands bar */
.brands-bar.scroll-hidden {
    opacity: 0;
    transform: translateY(20px);
}

.brands-bar.scroll-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Portfolio grid items */
.portfolio-item.scroll-hidden {
    opacity: 0;
    transform: scale(0.9) translateY(20px);
}

.portfolio-item.scroll-visible {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}