:root {
            --dark-olive: #4C4B16;
            --sage: #A3BB98;
            --mint: #99FFCD;
            --accent-pink: #9C0F48;
            --neon: #B5FE83;
        }

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

        .syncopate { font-family: 'Syncopate', sans-serif; text-transform: uppercase; letter-spacing: -0.05em; }
        .syncopate-bold { font-weight: 700; font-family: 'Syncopate', sans-serif; }

        /* Multipage Architecture */
        .page-view { display: none; min-height: 100vh; }
        .page-view.active { display: block; animation: pageEntrance 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
        @keyframes pageEntrance {
            from { opacity: 0; transform: translateY(30px); filter: blur(10px); }
            to { opacity: 1; transform: translateY(0); filter: blur(0); }
        }

        /* Hero Carousel */
        .hero-carousel-container { position: absolute; inset: 0; z-index: -1; }
        .slide {
            position: absolute; inset: 0; opacity: 0;
            transition: opacity 1.5s ease-in-out, transform 8s linear;
            background-size: cover; background-position: center;
        }
        .slide.active { opacity: 1; transform: scale(1.15); }

        /* Animations */
        .marquee-container {
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            animation: marquee-run 30s linear infinite;
        }
        @keyframes marquee-run {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        .tilt-card {
            transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            transform-style: preserve-3d;
        }

        .flip-card { perspective: 1000px; height: 450px; }
        .flip-card-inner {
            position: relative; width: 100%; height: 100%;
            transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transform-style: preserve-3d;
        }
        .flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
        .flip-card-front, .flip-card-back {
            position: absolute; width: 100%; height: 100%;
            backface-visibility: hidden; border-radius: 4px;
        }
        .flip-card-back { transform: rotateY(180deg); }

        .neon-border { border: 2px solid transparent; transition: all 0.4s; }
        .neon-border:hover { border-color: var(--mint); box-shadow: 0 0 20px var(--mint); }
        .pink-glow:hover { box-shadow: 0 0 25px var(--accent-pink); }

        /* Floating Particles */
        .bg-shapes .shape {
            position: absolute; border-radius: 50%; filter: blur(60px);
            opacity: 0.3; animation: floating-slow 20s infinite alternate ease-in-out;
        }
        @keyframes floating-slow {
            0% { transform: translate(0,0) scale(1); }
            100% { transform: translate(100px, 100px) scale(1.2); }
        }

        /* Mobile Nav */
        #mobile-menu {
            transform: translateX(100%);
            transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);
        }
        #mobile-menu.active { transform: translateX(0); }

        /* Progress Circle */
        .progress-ring__circle {
            transition: stroke-dashoffset 1s ease-in-out;
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
        }

        .editorial-img { clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); transition: 0.8s; }
        .editorial-img:hover { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }