/* Section Animation Styles */

/* Smooth scrolling for the entire page */
html {
    scroll-behavior: smooth;
}

/* Section transitions */
.section-transition {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease, transform 1s ease;
}

.section-transition.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Section dividers */
.section-divider {
    width: 80px;
    height: 3px;
    background: var(--primary-light);
    margin: 0 auto 2rem;
    border-radius: 3px;
}

/* Staggered item animations */
.stagger-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.stagger-item.visible {
    opacity: 1;
    transform: translateY(0);
}