:root {
            --paper: #f9f8f4;
            --ink: #121212;
            --accent: #b49157;
            --mist: rgba(180, 145, 87, 0.1);
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--paper);
            color: var(--ink);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .serif { font-family: 'Bodoni Moda', serif; }
        .cursive { font-family: 'Birthstone Bounce', cursive; }

        /* Animation Keyframes */
        @keyframes fadeInSlide {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes strokeDraw {
            to { stroke-dashoffset: 0; }
        }

        .reveal { animation: fadeInSlide 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; }
        
        /* Navigation Stying */
        nav { transition: all 0.6s ease; }
        .nav-scrolled { background: rgba(249, 248, 244, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.05); padding: 1rem 0 !important; }

        /* Buttons & Interactions */
        .btn-mag {
            position: relative; padding: 0.75rem 2rem; border: 1px solid var(--ink);
            text-transform: uppercase; font-size: 0.65rem; letter-spacing: 0.3em;
            font-weight: 800; transition: 0.4s ease; background: transparent;
        }
        .btn-mag:hover { background: var(--ink); color: white; }
        
        .property-card { cursor: crosshair; }
        .img-zoom-container { overflow: hidden; position: relative; }
        .img-zoom-container img { transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
        .property-card:hover img { transform: scale(1.1); }

        /* Page Management */
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeInSlide 0.8s ease; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: var(--paper); }
        ::-webkit-scrollbar-thumb { background: var(--accent); }

        /* Search Overlay */
        #search-overlay {
            position: fixed; inset: 0; background: var(--paper); z-index: 9999;
            display: none; flex-direction: column; align-items: center; justify-content: center;
        }

        /* Portfolio Badge */
        .portfolio-count {
            position: absolute; top: -8px; right: -12px;
            background: var(--accent); color: white; border-radius: 50%;
            width: 18px; height: 18px; font-size: 10px; display: flex;
            align-items: center; justify-content: center;
        }
        @keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}
.animate-fadeIn { animation: fadeIn 0.25s ease-out; }