/* About Section Animations */
.image-reveal {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1s cubic-bezier(0.17, 0.55, 0.55, 1);
}

.image-reveal.visible {
    opacity: 1;
    transform: translateX(0);
}

.fade-up-element {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.17, 0.55, 0.55, 1);
}

.fade-up-element.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Add delay to stagger animations */
.content-container .fade-up-element:nth-child(1) {
    transition-delay: 0.2s;
}

.content-container .fade-up-element:nth-child(2) {
    transition-delay: 0.4s;
}

.content-container .fade-up-element:nth-child(3) {
    transition-delay: 0.6s;
}

.content-container .fade-up-element:nth-child(4) {
    transition-delay: 0.8s;
}

/* Smooth hover effects */
.content-container a:hover {
    box-shadow: 0 10px 15px -3px rgba(33, 21, 43, 0.1),
                0 4px 6px -2px rgba(33, 21, 43, 0.05);
}