:root {
            --neon: #E4FF30;
            --dark: #000000;
            --red: #FF5656;
        }

        body {
            background-color: white;
            color: var(--dark);
            font-family: 'Space Grotesk', sans-serif;
            overflow-x: hidden;
        }

        /* Glitch Animation */
        @keyframes glitch {
            0% { transform: translate(0); }
            20% { transform: translate(-2px, 2px); }
            40% { transform: translate(-2px, -2px); }
            60% { transform: translate(2px, 2px); }
            80% { transform: translate(2px, -2px); }
            100% { transform: translate(0); }
        }
        .glitch-hover:hover { animation: glitch 0.3s infinite; }

        /* Triple Split Hero */
        .hero-container {
            height: 100vh;
            display: flex;
            border-bottom: 2px solid black;
        }
        .hero-panel {
            flex: 1;
            transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
            position: relative;
            overflow: hidden;
            border-right: 1px solid black;
        }
        .hero-panel:hover { flex: 1.8; }
        .hero-panel img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1.5s ease;
        }
        .hero-panel:hover img { transform: scale(1.1); }

        /* Diagonal Split Section */
        .diagonal-section {
            background: linear-gradient(105deg, var(--dark) 50%, var(--neon) 50.1%);
        }

        /* Lookbook Snap Panels */
        .lookbook-container {
            height: 100vh;
            overflow-y: scroll;
            scroll-snap-type: y mandatory;
        }
        .lookbook-panel {
            height: 100vh;
            scroll-snap-align: start;
            position: relative;
        }

        /* Card Stack Trending */
        .trending-stack {
            position: relative;
            height: 600px;
        }
        .trending-card {
            position: absolute;
            width: 320px;
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
        }
        .trending-card:hover {
            transform: translateY(-40px) rotate(0deg) scale(1.1) !important;
            z-index: 100;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #000; }
        ::-webkit-scrollbar-thumb { background: var(--neon); }

        /* Mobile Nav Transitions */
        #mobile-nav {
            clip-path: circle(0% at 100% 0%);
            transition: clip-path 0.6s ease-in-out;
        }
        #mobile-nav.open { clip-path: circle(150% at 100% 0%); }

        /* Menu item hover shift */
        .nav-item-link { transition: transform 0.3s ease; display: inline-block; }
        .nav-item-link:hover { transform: translateX(10px); color: black; }

        .outline-text {
            -webkit-text-stroke: 1px rgba(255,255,255,0.3);
            color: transparent;
        }

        /* Horizontal Strip */
        .scroll-strip {
            display: flex;
            overflow-x: auto;
            scrollbar-width: none;
        }
        .scroll-strip::-webkit-scrollbar { display: none; }

        .page { display: none; }
        .page.active { display: block; animation: fadeIn 0.8s ease; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }