:root {
            --mauve: #6B3F69;
            --purple: #A376A2;
            --beige: #D6A99D;
        }

        body {
            background-color: var(--mauve);
            color: var(--beige);
            margin: 0;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .font-header { font-family: 'Atomic Age', cursive; }
        .font-body { font-family: 'Beau Rivage', cursive; font-size: 1.4rem; }

        /* Animations */
        @keyframes slideInLeft {
            0% { transform: translateX(-50px); opacity: 0; }
            100% { transform: translateX(0); opacity: 1; }
        }

        .letter-slide span {
            display: inline-block;
            opacity: 0;
            animation: slideInLeft 0.8s forwards;
        }

        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Glassmorphism */
        .glass {
            background: rgba(107, 63, 105, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(214, 169, 157, 0.2);
        }

        .magazine-panel {
            box-shadow: 20px 20px 60px rgba(0,0,0,0.3);
            border: 1px solid rgba(214, 169, 157, 0.1);
        }

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

        /* Buttons */
        .btn-curated {
            font-family: 'Atomic Age', cursive;
            background: var(--beige);
            color: var(--mauve);
            padding: 1rem 2.5rem;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            text-transform: uppercase;
            letter-spacing: 2px;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
        }
        .btn-curated:hover {
            background: var(--purple);
            color: var(--beige);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(163, 118, 162, 0.3);
        }

        .btn-outline {
            border: 2px solid var(--purple);
            color: var(--purple);
            padding: 1rem 2.5rem;
            font-family: 'Atomic Age', cursive;
            transition: all 0.4s;
        }
        .btn-outline:hover {
            background: var(--purple);
            color: var(--beige);
        }

        /* Page Loading */
        #loader {
            position: fixed; inset: 0; background: var(--mauve); z-index: 9999;
            display: flex; align-items: center; justify-content: center;
        }

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
    @keyframes slideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slideOut {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(-100%); opacity: 0; }
}

#hero-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}