:root {
            --black: #000000;
            --white: #FFFFFF;
            --gray-accent: #63686E;
        }

        h1, h2, .logo, .nav-header {
            font-family: 'Italianno', cursive;
        }

        body {
            font-family: 'Tapestry', serif;
            background-color: var(--white);
            color: var(--black);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

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

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .full-menu {
            transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);
            transform: translateY(-100%);
        }
        .full-menu.active { transform: translateY(0); }

        .floating-obj {
            animation: float 6s ease-in-out infinite;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }

        .stagger-img-grid img {
            transition: transform 0.5s ease, filter 0.5s ease;
        }
        .stagger-img-grid img:hover {
            transform: scale(1.05);
            filter: grayscale(0);
        }

        .center-elevated { transform: translateY(-40px); }
        @media (max-width: 768px) { .center-elevated { transform: translateY(0); } }

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

        .glass-card {
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .toast {
            transform: translateY(100px);
            transition: transform 0.4s ease;
        }
        .toast.active { transform: translateY(0); }

        .category-pill.active {
            background: var(--black);
            color: var(--white);
        }