:root {
            --color-1: #6594B1; /* Blueish */
            --color-2: #9F8383; /* Muted Brown */
            --color-3: #C8AAAA; /* Soft Rose */
            --color-4: #9E3B3B; /* Deep Red */
            --color-footer: #2D3C59;
        }

        body {
            font-family: 'Oswald', sans-serif;
            background-color: #111;
            color: white;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Cinematic Grayscale Images */
        .bg-grayscale {
            filter: grayscale(100%) contrast(1.1);
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -2;
            transition: transform 10s ease-out;
        }

        .section-container:hover .bg-grayscale {
            transform: scale(1.1);
        }

        /* Color Tints */
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.75;
            mix-blend-mode: multiply;
        }

        .section-container {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
            padding: 5% 8%;
        }

        /* Animations */
        .reveal { opacity: 0; transition: all 1.2s cubic-bezier(0.2, 1, 0.3, 1); }
        .reveal-left { transform: translateX(-100px); }
        .reveal-right { transform: translateX(100px); }
        .reveal-bottom { transform: translateY(100px); }
        .active { opacity: 1; transform: translate(0,0); }

        /* Vertical Nav */
        nav a {
            text-transform: uppercase;
            font-size: 0.9rem;
            letter-spacing: 0.2em;
            position: relative;
            padding-bottom: 2px;
        }
        nav a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background: white;
            transition: 0.4s;
        }
        nav a:hover::after { width: 100%; }

        .btn-outline {
            border: 1px solid white;
            padding: 10px 25px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-weight: 500;
            transition: 0.3s;
        }
        .btn-outline:hover { background: white; color: black; }

        /* Auth Modal */
        #auth-modal {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.95);
            z-index: 2000;
            align-items: center;
            justify-content: center;
        }

        /* Split layouts */
        .split-text-block {
            padding: 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .content-hidden { display: none; }