/* Editorial Aesthetic Overrides */
        body {
            background-color: #fde892;
            color: #121212;
            font-family: 'Montserrat', sans-serif;
        }
        
        h1, h2, h3, h4, .font-serif {
            font-family: 'Cormorant Garamond', serif;
        }

        /* Elegant Scrollbar */
        ::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }
        ::-webkit-scrollbar-track {
            background: #Fdfcf8;
        }
        ::-webkit-scrollbar-thumb {
            background: #D4AF37;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #121212;
        }

        /* Editorial Drop Cap */
        .drop-cap::first-letter {
            float: left;
            font-family: 'Cormorant Garamond', serif;
            font-size: 4.5rem;
            line-height: 4rem;
            font-weight: 300;
            font-style: italic;
            padding-right: 16px;
            color: #121212;
        }

        /* Hide Scrollbar for Gallery */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Smooth Reveal */
        .fade-in-section {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .fade-in-section.is-visible {
            opacity: 1;
            transform: none;
        }

        /* Image Hover Styles */
        .img-zoom-container {
            overflow: hidden;
        }
        .img-zoom {
            transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .group:hover .img-zoom {
            transform: scale(1.05);
        }
        
        /* Neon Button Style */
        .neon-button {
            transition: all 0.3s ease;
            box-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
        }
        .neon-button:hover {
            box-shadow: 0 0 10px rgba(0, 255, 255, 1), 0 0 20px rgba(0, 255, 255, 0.8);
            text-shadow: 0 0 5px rgba(0, 255, 255, 0.8);
        }