        body { font-family: 'Dosis', sans-serif; background-color: #F8F9FA; color: #492828; scroll-behavior: smooth; }
        
        /* MULTIPAGE ROUTING SYSTEM */
        .page-view { display: none; min-height: 100vh; opacity: 0; transform: translateY(10px); transition: all 0.5s ease-in-out; }
        .page-view.active { display: block; opacity: 1; transform: translateY(0); }

        /* HERO ANIMATIONS */
        .hero-bg-animate {
            background-size: cover;
            background-position: center;
            animation: zoomEffect 20s infinite alternate ease-in-out;
        }
        @keyframes zoomEffect {
            from { transform: scale(1); }
            to { transform: scale(1.1); }
        }

        /* ASYMMETRIC CARD LAYOUTS */
        .asym-card:nth-child(even) { margin-top: 3rem; }
        .asym-card:nth-child(odd) { margin-top: 0; }

        /* INTERACTIVE TABS */
        .tab-btn.active { background-color: #BBCB2E; color: #492828; border-color: #BBCB2E; }
        .tab-content { display: none; animation: slideIn 0.4s ease-out; }
        .tab-content.active { display: block; }

        @keyframes slideIn {
            from { opacity: 0; transform: translateX(-20px); }
            to { opacity: 1; transform: translateX(0); }
        }

        /* CUSTOM BUTTONS */
        .btn-primary {
            background-color: #BBCB2E;
            color: #492828;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-primary:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(187, 203, 46, 0.4);
        }

        /* DIAGONAL SPLITS */
        .diagonal-split { clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%); }

        /* QUICKVIEW MODAL */
        #quickview-modal {
            position: fixed; inset: 0; background: rgba(73, 40, 40, 0.95);
            z-index: 10000; display: none; align-items: center; justify-content: center;
            backdrop-filter: blur(10px);
        }
