/* css/pages.css */

/* Hero Section */
.hero-section {
    height: calc(100vh - 120px);
    min-height: 600px;
}
@media (max-width: 991px) {
    .hero-section {
        height: calc(100vh - 70px);
    }
}
.carousel-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6));
}
.carousel-caption {
    position: relative;
    z-index: 2;
    right: 15%;
    left: 15%;
}

/* Animations Trigger Classes */
.animate-fade-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.8s ease forwards;
}

.animation-delay-1 { animation-delay: 0.2s; }
.animation-delay-2 { animation-delay: 0.4s; }
.animation-delay-3 { animation-delay: 0.6s; }
.animation-delay-4 { animation-delay: 0.8s; }

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Reveal Classes (Handled by JS) */
.reveal-up {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}
.reveal-up.active {
    opacity: 1;
    transform: translateY(0);
}

.reveal-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.8s ease;
}
.reveal-left.active {
    opacity: 1;
    transform: translateX(0);
}

.reveal-right {
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.8s ease;
}
.reveal-right.active {
    opacity: 1;
    transform: translateX(0);
}

/* Counter Section */
.parallax-section {
    position: relative;
}