:root { scroll-behavior: smooth; }
        body { 
            background-color: #BFC9D1; 
            color: #000; 
            font-family: 'Raleway', sans-serif;
            overflow-x: hidden;
            margin: 0;
        }

        /* --- BOOK FLIP ANIMATION ENGINE --- */
        .perspective-container {
            perspective: 2500px;
        }

        .  {
            transform-origin: left center;
            transition: transform 0.1s linear;
            transform-style: preserve-3d;
            will-change: transform;
        }

        /* --- HEADER BEHAVIOR --- */
        .header-hidden { transform: translateY(-120%); }
        
        /* --- ZOOM ENGINE --- */
        .zoom-frame { overflow: hidden; }
        .zoom-image { 
            transition: transform 0.1s linear; 
            will-change: transform;
            transform: scale(1);
        }

        /* --- MARQUEE --- */
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .animate-marquee {
            display: inline-block;
            white-space: nowrap;
            animation: marquee 20s linear infinite;
        }

        /* --- REVEAL ANIMATIONS --- */
        .reveal {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
        }
        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* --- PAGE TRANSITION --- */
        #page-content {
            transition: opacity 0.5s ease-in-out;
        }
        .page-fade-out { opacity: 0; }

        .burger-line { transition: all 0.3s ease; }
        .active .line1 { transform: rotate(45deg) translate(5px, 5px); }
        .active .line2 { opacity: 0; }
        .active .line3 { transform: rotate(-45deg) translate(7px, -6px); }