script.js

document.addEventListener('DOMContentLoaded', () => {
    // 1. Intersection Observer for content reveals
    const observerOptions = {
        root: document.querySelector('.scroll-container'),
        threshold: 0.6
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('active');
                
                const children = entry.target.querySelectorAll('.reveal');
                children.forEach((child, index) => {
                    setTimeout(() => {
                        child.classList.add('active');
                    }, index * 100);
                });
            }
        });
    }, observerOptions);

    const slides = document.querySelectorAll('.slide');
    slides.forEach(slide => {
        observer.observe(slide);
        const headers = slide.querySelectorAll('h1, h2, ul li, .glass-card, .timeline-wrapper');
        headers.forEach(el => el.classList.add('reveal'));
    });

    console.log('Tinkering Lab SPA initialized. Props fixed to corners.');
});