:root {
            --cream: #F0E9B6;
            --purple: #744577;
            --gray: #BFC6C4;
            --white: #FFFFFF;
        }

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

        .serif { font-family: 'Lora', serif; }

        /* Animation Classes */
        .reveal-word span {
            display: inline-block;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .reveal-word.active span {
            opacity: 1;
            transform: translateY(0);
        }

        .fade-up {
            opacity: 0;
            transform: translateY(30px);
            transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .fade-up.active {
            opacity: 1;
            transform: translateY(0);
        }

        .hr-expand {
            width: 0%;
            transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .hr-expand.active {
            width: 100%;
        }



        /* Header Glassmorphism */
        header.scrolled {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(10px);
            padding: 1rem 2.5rem;
            border-bottom: 1px solid rgba(116, 69, 119, 0.1);
        }

        /* Nav Hover */
        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--purple);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }
        .nav-link:hover {
            text-shadow: 0 0 15px rgba(116, 69, 119, 0.3);
        }

        /* Cards */
        .editorial-card {
            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.6s ease;
        }
        .editorial-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.05);
        }

        /* Hamburger */
        #mobile-menu {
            transition: clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1);
            clip-path: circle(0% at 100% 0%);
        }
        #mobile-menu.open {
            clip-path: circle(150% at 100% 0%);
        }