:root { scroll-behavior: smooth; }
        body { 
            font-family: 'Saira', sans-serif; 
            background-color: #FFFFFF; 
            color: #1a1a1a;
            overflow-x: hidden;
            margin: 0;
        }

        /* Fixed Background Gradient Animation */
        #dynamicBg {
            position: fixed;
            inset: 0;
            z-index: -1;
            transition: background 1.5s cubic-bezier(0.22, 1, 0.36, 1);
            background: #FFFFFF;
        }

        .hero-gradient {
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, #FF5656 0%, #8CE4FF 100%);
            opacity: 0.15;
            filter: blur(80px);
            animation: pulse 10s infinite alternate ease-in-out;
        }

        @keyframes pulse {
            0% { transform: scale(1); opacity: 0.1; }
            100% { transform: scale(1.2); opacity: 0.25; }
        }

        .pollution-texture {
            position: absolute;
            width: 150%; height: 150%;
            background: radial-gradient(circle at 30% 30%, #FF5656 0%, transparent 40%),
                        radial-gradient(circle at 70% 60%, #FF5656 0%, transparent 50%);
            filter: blur(120px);
            opacity: 0.3;
            animation: drift 30s infinite alternate linear;
        }

        @keyframes drift {
            from { transform: translate(-10%, -5%) rotate(0deg); }
            to { transform: translate(5%, 10%) rotate(10deg); }
        }

        /* Typography */
        .huge-text {
            font-size: clamp(3.5rem, 14vw, 16rem);
            line-height: 0.82;
            letter-spacing: -0.06em;
            font-weight: 900;
            text-transform: uppercase;
        }

        .airy-para {
            font-weight: 100;
            letter-spacing: 0.15em;
            line-height: 2.2;
        }

        .scroll-reveal {
            opacity: 0;
            transform: translateY(60px);
            transition: all 1.4s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .scroll-reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Particle Text effect */
        .particle-word {
            transition: opacity 1s, filter 1s;
            display: inline-block;
        }
        .particle-faded { opacity: 0.2; filter: blur(2px); }

        /* Page View */
        .page-content { display: none; min-height: 100vh; }
        .page-content.active { display: block; }

        .editorial-header {
            mix-blend-mode: difference;
            color: white;
            transition: transform 0.5s;
        }

        /* Section dividers */
        .page-divider {
            height: 1px;
            background: linear-gradient(to right, transparent, rgba(0,0,0,0.1), transparent);
            margin: 10vh 0;
        }

        /* Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #FF5656; border-radius: 10px; }