* { scroll-behavior: smooth; }
        body { font-family: 'Jost', sans-serif; background-color: #FFFFFF; color: #000000; overflow-x: hidden; }
        
        /* Header Behavior */
        header { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
        .nav-hidden { transform: translateY(-100%); }

        /* Custom 3-Part Hero Engine */
        .hero-wrapper { 
            display: flex; 
            height: 180vh; /* Longer scroll area to see the effect */
            width: 100%; 
            background: #000;
        }
        
        .hero-side { 
            width: 33.33%; 
            height: 100%; 
            position: relative; 
            z-index: 5;
        }
        
        .hero-center-sticky { 
            width: 33.34%; 
            height: 100vh; 
            position: sticky; 
            top: 0; 
            z-index: 10; 
            overflow: hidden;
            border-left: 1px solid rgba(255,255,255,0.1);
            border-right: 1px solid rgba(255,255,255,0.1);
        }

        .hero-img { 
            width: 100%; 
            height: 100%; 
            object-fit: cover; 
            filter: grayscale(100%) contrast(120%) brightness(0.7);
            transition: filter 0.5s ease;
        }

        .hero-center-sticky .hero-img {
            filter: grayscale(0%) brightness(0.4);
        }

        .hero-overlay-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 150%; /* Bleed across columns visually */
            text-align: center;
            pointer-events: none;
        }

        /* Page Management */
        .page { display: none; min-height: 100vh; }
        .page.active { display: block; animation: fadeIn 0.8s ease-out; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* UI Elements */
        .btn-brand {
            background-color: #FFFFFF;
            color: #9D5C0D;
            padding: 1rem 2.5rem;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
        .btn-brand:hover {
            background-color: #9D5C0D;
            color: #FFFFFF;
            box-shadow: 10px 10px 0px 0px #000;
        }

        .section-divider {
            height: 1px;
            background: linear-gradient(to right, transparent, #9D5C0D, transparent);
            margin: 4rem 0;
        }