/* import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap'); */
        
        /* body {
            font-family: 'Inter', sans-serif;
            color: #333;
        }
        
        h1, h2, h3 {
            font-family: 'Playfair Display', serif;
        } */
        
        .story-section {
            min-height: 100vh;
            padding: 4rem 2rem;
            position: relative;
            overflow: hidden;
        }
        
        .parallax-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 120%;
            z-index: -1;
            background-size: cover;
            background-position: center;
            will-change: transform;
        }
        
        .scroll-indicator {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            animation: bounce 2s infinite;
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {transform: translateY(0) translateX(-50%);}
            40% {transform: translateY(-20px) translateX(-50%);}
            60% {transform: translateY(-10px) translateX(-50%);}
        }
        
        .reveal-animation {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease-out;
        }
        
        .reveal-animation.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        .progress-bar {
            position: fixed;
            top: 0;
            left: 0;
            height: 4px;
            background: linear-gradient(90deg, #ff6b6b, #4ecdc4);
            z-index: 100;
        }
        
        .scroll-snap {
            scroll-snap-type: y mandatory;
            overflow-y: scroll;
            height: 100vh;
        }
        
        .scroll-snap > section {
            scroll-snap-align: start;
        }