body { background-color: #FCF9EA; color: #000000; overflow-x: hidden; scroll-behavior: smooth; }
        .page-view { display: none; min-height: 100vh; }
        .page-view.active { display: block; }
        
        /* Navigation Sidebar */
        .menu-sidebar { transform: translateX(100%); transition: transform 0.8s cubic-bezier(0.85, 0, 0.15, 1); }
        .menu-sidebar.open { transform: translateX(0); }

        /* Asymmetric Layouts */
        .img-reveal { overflow: hidden; position: relative; }
        .img-reveal img { transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); }
        .img-reveal:hover img { transform: scale(1.05); }

        .line-accent { height: 1px; background: #000; width: 0; transition: width 1s ease; }
        .active-section .line-accent { width: 100px; }

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

        /* Overlapping Images */
        .overlap-container { position: relative; height: 600px; }
        .overlap-1 { position: absolute; top: 0; right: 0; width: 70%; z-index: 2; border: 15px solid #FCF9EA; box-shadow: 20px 20px 60px rgba(0,0,0,0.1); }
        .overlap-2 { position: absolute; bottom: 0; left: 0; width: 60%; z-index: 1; }

        .btn-luxe { position: relative; display: inline-block; padding: 1.25rem 2.5rem; background: #000; color: #fff; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.2em; font-weight: 700; transition: all 0.3s; overflow: hidden; }
        .btn-luxe:hover { background: #fff; color: #000; border: 1px solid #000; }

        footer a:hover { opacity: 0.5; text-decoration: underline; }