body { background-color: #FDFBF7; color: #2D241E; scroll-behavior: smooth; }
        
        .reveal { opacity: 0; transform: translateY(20px); transition: all 0.8s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }
        
        .nav-scrolled { background: rgba(253, 251, 247, 0.95); backdrop-filter: blur(10px); padding-top: 1rem; padding-bottom: 1rem; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }

        .menu-card { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .menu-card:hover { transform: translateY(-5px); }

        .side-panel { transform: translateX(100%); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
        .side-panel.open { transform: translateX(0); }

        [data-view] { display: none; }
        [data-view].active { display: block; }

        .btn-glow:hover { box-shadow: 0 0 15px rgba(198, 142, 95, 0.4); }

        .custom-scrollbar::-webkit-scrollbar { width: 5px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #C68E5F; border-radius: 10px; }
.mobile-link {
    font-size: 1.6rem;
    font-style: italic;
    font-family: serif;
    color: #3b2f2f;
    transition: color 0.3s;
}
.mobile-link:hover {
    color: #c08552; /* caramel */
}