/* Custom Tailwind Configuration via JIT/Style Block */
        :root {
            --color-warm-white: #E9E294;
            --color-taupe: #FF0066;
            --color-sage: #EFEEEA;
            --color-gold: #0D7C66;
            --color-charcoal: #7E1717;
        }

        
        /* Base styles */
        body {
            background-color: #E9E294;
            color: var(--color-charcoal);
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Glassmorphism Effect */
        .glass {
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(1px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        }

        /* Custom Floating Animation for Hero Image */
        @keyframes float {
            0% { transform: translate(0, 0) rotate(0deg); }
            50% { transform: translate(-5px, 5px) rotate(1deg); }
            100% { transform: translate(0, 0) rotate(0deg); }
        }
        .hero-floating-image {
            animation: float 10s ease-in-out infinite;
        }

        /* Hover Effect for Collection Cards */
        .collection-card {
            transition: transform 0.4s ease-out, box-shadow 0.4s ease-out;
        }
        .collection-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(198, 184, 163, 0.3); /* Soft Taupe shadow */
        }
        .card-image-wrapper {
            transition: transform 0.5s ease-out;
        }
        .collection-card:hover .card-image-wrapper {
            transform: scale(1.05); /* Soft zoom */
        }
        .gold-underline {
            position: relative;
        }
        .gold-underline::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -5px;
            width: 0;
            height: 2px;
            background-color:#0D7C66;
            transition: width 0.4s ease-out;
        }
        .collection-card:hover .gold-underline::after {
            width: 50%;
        }

        /* Scroll Reveal Effect */
        .reveal-element {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .reveal-element.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Timeline Styling */
        .timeline-step {
            position: relative;
        }
        .timeline-step:before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            height: 100%;
            width: 2px;
            background-color: var(--FF0066);
            opacity: 0.5;
            z-index: 1;
        }
        .timeline-step:last-child:before {
            height: 50%; /* Stop line halfway for the last item */
        }
        .timeline-icon {
            position: relative;
            z-index: 2;
        }

        /* Modal Backdrop */
        .modal-backdrop {
            background-color: rgba(43, 43, 43, 0.7);
        }
    

        @keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: inline-block;
  min-width: 200%;
  animation: marquee 18s linear infinite;
}