:root {
            --primary-green: #44A194;
            --soft-sage: #8E977D;
            --white: #FFFFFF;
            --bg-neutral-light: #F7F7F3;
            --bg-neutral-base: #FAFAF8;
            --text-dark: #111111;
        }

        body {
            font-family: "Figtree", sans-serif;
            background-color: var(--bg-neutral-base);
            color: var(--text-dark);
            overflow-x: hidden;
        }

        /* Glassmorphism Header Effects */
        .glass-header {
            background: rgba(250, 250, 248, 0.01);
            backdrop-filter: blur(0px);
            -webkit-backdrop-filter: blur(0px);
            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .glass-header.scrolled {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(17, 11, 17, 0.04);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.01);
        }

        /* Fixed Parallax Engine */
        .parallax-window {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        @media (max-width: 1024px) {
            .parallax-window {
                background-attachment: scroll;
            }
        }

        /* Organic Smooth Section Curves */
        .organic-curve-top {
            border-top-left-radius: 100vw 8vw;
            border-top-right-radius: 100vw 8vw;
        }

        /* Core Reveal Elements On Scroll */
        .reveal-element {
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
            will-change: transform, opacity;
        }
        .reveal-element.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Kinetic Overlapping Float System */
        @keyframes subtleFloatY {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(0.5deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }
        .float-kinetic-1 { animation: subtleFloatY 9s ease-in-out infinite; }
        .float-kinetic-2 { animation: subtleFloatY 12s ease-in-out infinite; animation-delay: 1.5s; }
        .float-kinetic-3 { animation: subtleFloatY 10s ease-in-out infinite; animation-delay: 3s; }

        /* Text Stroke Masking styling */
        .text-outline-transparent {
            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
            color: transparent;
        }

        /* Multi-page Display Matrix State Engine */
        .page-node {
            display: none;
            opacity: 0;
            transition: opacity 0.6s ease-in-out;
        }
        .page-node.active-view {
            display: block;
            opacity: 1;
        }