:root {
            --bg-cream: #FAF3E1;
            --deep-teal: #296374;
            --muted-purple: #574964;
            --black: #111111;
            --white: #FFFFFF;
        }

        body {
            font-family: "Schibsted Grotesk", sans-serif;
            background-color: var(--bg-cream);
            color: var(--black);
            overflow-x: hidden;
            transition: background-color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* Architectural Kinetic Engine */
        .text-outline-teal {
            -webkit-text-stroke: 1.5px var(--deep-teal);
            color: transparent;
        }
        .text-outline-white {
            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.25);
            color: transparent;
        }

        /* Curved Section Visual Melts */
        .melt-curve-top {
            border-top-left-radius: 100vw 12vw;
            border-top-right-radius: 100vw 4vw;
        }
        .melt-curve-bottom {
            border-bottom-left-radius: 80vw 6vw;
            border-bottom-right-radius: 120vw 10vw;
        }

        /* Multi-Page Node Architecture */
        .page-node {
            display: none;
            opacity: 0;
            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .page-node.active-canvas {
            display: block;
            opacity: 1;
        }

        /* Simulated Vertical-to-Horizontal Core */
        .horizontal-scroller {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
        }
        .horizontal-scroller::-webkit-scrollbar {
            display: none;
        }
        .horizontal-panel {
            scroll-snap-align: start;
            flex-shrink: 0;
        }

        /* Micro Floating Keyframes */
        @keyframes structuralFloat {
            0% { transform: translateY(0px) rotate(0.5deg); }
            50% { transform: translateY(-25px) rotate(-1deg); }
            100% { transform: translateY(0px) rotate(0.5deg); }
        }
        .float-layer-alpha { animation: structuralFloat 11s ease-in-out infinite; }
        .float-layer-beta { animation: structuralFloat 14s ease-in-out infinite; animation-delay: 2s; }

        /* Scroll Animation Reveal Triggers */
        .reveal-token {
            opacity: 0;
            transform: translateY(60px);
            transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-token.active-token {
            opacity: 1;
            transform: translateY(0);
        }