        /* Custom styles to achieve high-end fashion magazine layouts */
        body {
            background-color: #F7F7F2;
            color: #0B0B0B;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #F7F7F2;
        }
        ::-webkit-scrollbar-thumb {
            background: #0B0B0B;
            border-radius: 3px;
        }

        /* Ink Spread Button Hover Effect */
        .btn-ink {
            position: relative;
            overflow: hidden;
            transition: color 0.4s ease;
            z-index: 1;
        }
        .btn-ink::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 300%;
            height: 300%;
            background: #D2DE32;
            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            border-radius: 50%;
            z-index: -1;
            transform: translate(-50%, -50%) scale(0);
        }
        .btn-ink:hover::after {
            transform: translate(-50%, -50%) scale(1);
        }
        .btn-ink-black::after {
            background: #0B0B0B;
        }

        /* Parallax Image Zoom container */
        .parallax-zoom {
            overflow: hidden;
        }
        .parallax-zoom img {
            transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .parallax-zoom:hover img {
            transform: scale(1.08) translateY(-2%);
        }

        /* Hide Header on scroll down, show on scroll up */
        .header-transition {
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease;
        }

        /* Noise background effect */
        .noise-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");
            pointer-events: none;
            z-index: 5;
        }

        /* Slide Right Curtain Animation for Hamburger */
        .curtain-menu {
            transform: translateX(100%);
            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .curtain-menu.open {
            transform: translateX(0);
        }

        /* Horizontal Carousel Drag Styling */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Page switcher styles */
        .page-view {
            display: none;
        }
        .page-view.active {
            display: block;
        }

        @keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  animation: marquee 18s linear infinite;
}
