script.js

// Add interactive elements and additional animations
document.addEventListener('DOMContentLoaded', () => {
    // Logo is static - no interactive effects needed for now
    
    // Auto-scroll to mission section after 2 seconds (only on first visit, not on refresh)
    const hasVisited = sessionStorage.getItem('hasVisited');
    
    if (!hasVisited && window.scrollY === 0) {
        setTimeout(() => {
            const missionSection = document.querySelector('.mission-section');
            if (missionSection) {
                sessionStorage.setItem('hasVisited', 'true');
                
                // Custom slow scroll animation
                const targetPosition = missionSection.offsetTop;
                const startPosition = window.scrollY;
                const distance = targetPosition - startPosition;
                const duration = 2000; // 2 seconds for the scroll
                let start = null;
                
                function animation(currentTime) {
                    if (start === null) start = currentTime;
                    const timeElapsed = currentTime - start;
                    const progress = Math.min(timeElapsed / duration, 1);
                    
                    // Easing function for smooth deceleration
                    const ease = progress * (2 - progress); // ease-out quad
                    
                    window.scrollTo(0, startPosition + (distance * ease));
                    
                    if (timeElapsed < duration) {
                        requestAnimationFrame(animation);
                    }
                }
                
                requestAnimationFrame(animation);
            }
        }, 2000);
    }
});