/* Base Editorial Styles */
        body {
            background-color: #FFFFFF;
            color: #57564F;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        /* Typography Overrides */
        h1, h2, h3, h4, h5, h6, .font-display {
            font-family: 'Archivo Black', sans-serif;
            text-transform: uppercase;
            line-height: 1.1;
        }
        p, a, span, .font-body {
            font-family: 'Inter', sans-serif;
            font-weight: 300;
            line-height: 1.8;
            letter-spacing: 0.02em;
        }

        /* SPA View Transitions */
        .page-view {
            display: none;
            opacity: 0;
            transition: opacity 0.8s ease-in-out;
        }
        .page-view.active {
            display: block;
            opacity: 1;
        }

        /* Smooth Reveal Animations */
        .reveal-up {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-up.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Custom Scrollbar for horizontal scrolling */
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Input styling */
        input:focus {
            outline: none;
            border-bottom-color: #57564F;
        }

        /* Parallax & Glassmorphism Utilities */
        .glass-panel {
            background: rgba(255, 255, 255, 0.4);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        .img-zoom-hover img {
            transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .img-zoom-hover:hover img {
            transform: scale(1.05);
        }