:root {
            --sky-blue: #9CCFFF;
            --soft-green: #F0FFDF;
            --orange: #FFA239;
            --pastel-yellow: #F6FF99;
            --gold: #FCC61D;
            --light-gray: #F7F7F7;
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: white;
            color: #1a1a1a;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .imperial {
            font-family: 'Imperial Script', cursive;
        }

        /* --- Custom Hero Video & Layering --- */
        .hero-container {
            position: relative;
            height: 100vh;
            width: 100%;
            overflow: hidden;
        }

        .hero-diagonal-left {
            position: absolute;
            top: 0;
            left: 0;
            width: 55%;
            height: 100%;
            background: white;
            z-index: 20;
            clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
            display: flex;
            align-items: center;
            padding-left: 8%;
        }

        .hero-diagonal-right {
            position: absolute;
            top: 0;
            right: 0;
            width: 60%;
            height: 100%;
            z-index: 10;
        }

        .hero-video-bg {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: brightness(0.7);
        }

        /* --- Floating Accents --- */
        .floating-brush {
            position: absolute;
            background: var(--pastel-yellow);
            width: 300px;
            height: 300px;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.4;
            z-index: 15;
            animation: float 12s infinite alternate ease-in-out;
        }

        @keyframes float {
            from { transform: translate(0, 0) scale(1); }
            to { transform: translate(40px, 60px) scale(1.2); }
        }

        /* --- Layout & Utility --- */
        .page-view { display: none; opacity: 0; transition: opacity 0.5s ease; }
        .page-view.active { display: block; opacity: 1; }

        .btn-sky { 
            background: var(--sky-blue); 
            box-shadow: 0 10px 20px -10px #9ccfff;
            transition: all 0.3s ease;
        }
        .btn-sky:hover { transform: translateY(-3px); box-shadow: 0 15px 30px -10px #9ccfff; filter: brightness(1.05); }

        .btn-orange-outline { 
            border: 2px solid var(--orange); 
            color: var(--orange);
            transition: all 0.3s ease;
        }
        .btn-orange-outline:hover { background: var(--orange); color: white; transform: translateY(-3px); }

        .product-card {
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .product-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(255, 162, 57, 0.15); }

        .product-info { transform: translateY(20px); opacity: 0; transition: all 0.4s ease; }
        .product-card:hover .product-info { transform: translateY(0); opacity: 1; }

        #drawer { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
        
        .stagger-text span {
            display: inline-block;
            opacity: 0;
            transform: translateY(20px);
            animation: revealLetter 0.5s forwards;
        }

        @keyframes revealLetter {
            to { opacity: 1; transform: translateY(0); }
        }

        /* --- Scroll Animations --- */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* --- Cart Controls --- */
        .cart-item { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 1rem 0; }