* { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; overflow-x: hidden; background: #fff; color: #4B2E2B; }

        /* --- Scroll Animation System --- */
        .scroll-reveal-left {
            opacity: 0;
            transform: translateX(-150px);
            transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .scroll-reveal-left.active {
            opacity: 1;
            transform: translateX(0);
        }
        .scroll-reveal-left.exit-left {
            opacity: 0;
            transform: translateX(-150px);
        }

        .reveal-up {
            opacity: 0;
            transform: translateY(60px);
            transition: all 0.9s ease-out;
        }
        .reveal-up.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* --- Header Split Logic --- */
        #main-header { transition: transform 0.5s ease; }
        .nav-link { position: relative; color: #A98B76; font-weight: 700; transition: color 0.3s; }
        .nav-link:hover { color: #4B2E2B; }
        .nav-link::after {
            content: ''; position: absolute; bottom: -4px; left: 0; width: 0;
            height: 2px; background: #A98B76; transition: width 0.3s ease;
        }
        .nav-link.active::after { width: 100%; }

        /* --- Overlapping Cards --- */
        .card-stack { position: relative; height: 700px; }
        .overlap-card {
            position: absolute; width: 500px; height: 500px; 
            box-shadow: 0 40px 80px rgba(0,0,0,0.4);
            transition: all 0.5s ease;
            top: 50%; left: 50%;
        }
        .c-1 { background: #87B6BC; transform: translate(-80%, -50%) rotate(-6deg); z-index: 10; }
        .c-2 { background: #FFFFFF; transform: translate(-50%, -50%) scale(1.05); z-index: 20; }
        .c-3 { background: #BFA28C; transform: translate(-20%, -50%) rotate(6deg); z-index: 10; }
        
        .overlap-card:hover { z-index: 100 !important; transform: translate(-50%, -55%) scale(1.1) rotate(0deg) !important; }

        /* --- Section 4 Timeline Lines --- */
        .timeline-row { border-bottom: 1px solid rgba(169, 139, 118, 0.2); padding: 3rem 0; opacity: 0; transform: translateX(-100px); transition: all 1s ease; }
        .timeline-row.active { opacity: 1; transform: translateX(0); }
        .timeline-row.exit { opacity: 0; transform: translateX(-100px); }

        /* --- Page State --- */
        .view-content { display: none; }
        .view-content.active { display: block; }

        /* --- Custom Scroll Shift --- */
        #dynamic-image { transition: transform 0.1s linear; }

        /* Modal Overlay */
        #modal-overlay { display: none; background: rgba(75, 46, 43, 0.95); backdrop-filter: blur(10px); }
        #modal-overlay.open { display: flex; }