:root { scroll-behavior: smooth; }
        body { 
            font-family: 'Questrial', sans-serif; 
            background-color: #FFFFFF; 
            color: #000080;
            overflow-x: hidden;
        }

        /* Editorial Split Hero */
        .hero-container {
            display: flex;
            height: 100vh;
            width: 100%;
        }
        .hero-left {
            width: 50%;
            height: 100vh;
            position: sticky;
            top: 0;
            overflow: hidden;
        }
        .hero-right {
            width: 50%;
            padding: 10vh 5vw;
        }

        /* Scroll Reveal Animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 1s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #A98B76; }

        /* Navigation Glassmorphism */
        .nav-scrolled {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid #A98B76;
            padding: 1rem 4rem !important;
        }

        /* Asymmetric Gallery */
        .asym-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        /* Horizontal Slider */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Page View transitions */
        .page-view { display: none; }
        .page-view.active { display: block; }

        /* Overlapping Card Stack */
        .card-stack-item {
            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        }

        @media (max-width: 1024px) {
            .hero-container { flex-direction: column; height: auto; }
            .hero-left { width: 100%; height: 60vh; position: relative; }
            .hero-right { width: 100%; padding: 40px 20px; }
            .asym-grid { grid-template-columns: 1fr; }
                }