/* Hero parallax layer */
#hero-bg {
    will-change: transform;
    transition: transform 0.05s linear;
}

/* Staggered hero text animations */
.hero-line {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.9s ease, transform 0.9s ease;
}

    .hero-line.visible {
        opacity: 1;
        transform: translateY(0);
    }

/* Scroll reveal */
.reveal {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity 0.75s ease, transform 0.75s ease;
}

    .reveal.visible {
        opacity: 1;
        transform: translateY(0);
    }

.reveal-delay-1 {
    transition-delay: 0.10s;
}

.reveal-delay-2 {
    transition-delay: 0.22s;
}

.reveal-delay-3 {
    transition-delay: 0.34s;
}

.reveal-delay-4 {
    transition-delay: 0.46s;
}

/* Before/After pill */
.badge-before {
    background: rgba(0,0,0,0.55);
}

.badge-after {
    background: rgba(44,74,46,0.85);
}

/* Gold divider */
.gold-line {
    display: block;
    width: 48px;
    height: 2px;
    background: var(--gold);
    margin: 0 auto 1.5rem;
}

.gold-line-left {
    margin: 0 0 1.5rem;
}

/* Portfolio card status */
.status-done {
    background: #2C4A2E;
    color: #fff;
}

.status-ongoing {
    background: #C9A96E;
    color: #fff;
}

/* Smooth scroll globally */
html {
    scroll-behavior: smooth;
}