/* Hero section */
.hero {
    background: url("https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat;
    min-height: 100vh;
    position: relative;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

.hero .container {
    position: relative;
    z-index: 1;
}

/* Navbar */
#mainNav {
    transition: background-color 0.4s ease;
    background: transparent;
}

#mainNav.scrolled {
    background: rgba(0, 0, 0, 0.8);
}

/* Fade animations for hero text */
.fade-down {
    animation: fadeDown 1.2s ease forwards;
    opacity: 0;
}

.fade-up {
    animation: fadeUp 1.2s ease forwards;
    opacity: 0;
}

.delay-1 {
    animation-delay: 0.6s;
}

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

    from {
        opacity: 0;
        transform: translateY(-40px);
    }
}

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

    from {
        opacity: 0;
        transform: translateY(40px);
    }
}

/* Carousel */
#galeri img {
    max-height: 600px;
    object-fit: cover;
}

/* Card hover zoom */
.zoom-card img {
    transition: transform .4s ease;
}

.zoom-card:hover img {
    transform: scale(1.05);
}

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