:root {
            --bg-neutral: #EDE9E6;
            --tech-purple: #982598;
            --black: #000000;
            --white: #FFFFFF;
        }

        body {
            font-family: 'Roboto', sans-serif;
            background-color: var(--bg-neutral);
            color: var(--black);
            margin: 0;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4, .font-editorial {
            font-family: 'Abril Fatface', serif;
        }

        /* Brutalist Borders */
        .border-thick { border: 2.5px solid var(--black); }
        .border-t-thick { border-top: 2.5px solid var(--black); }
        .border-b-thick { border-bottom: 2.5px solid var(--black); }
        .border-r-thick { border-right: 2.5px solid var(--black); }
        .border-l-thick { border-left: 2.5px solid var(--black); }

.nav-item {
    display: block;
    border-bottom: 4px solid rgb(0, 0, 0);
    transition: all 0.25s ease;
    text-align: right;
    padding: 8px 20px;
}

.nav-item:hover {
    border-bottom-color: rgba(0, 0, 0, 0.4);
    transform: translateX(-2px);
}
        .nav-item:hover {
            color: var(--tech-purple);
            padding-right: 30px;
        }

        /* Hero Animation */
        .hero-zoom {
            animation: slowZoom 20s infinite alternate;
        }
        @keyframes slowZoom {
            from { transform: scale(1); }
            to { transform: scale(1.15); }
        }

        /* Hover Glows */
        .hover-purple:hover {
            border-color: var(--tech-purple);
            box-shadow: 0 0 15px rgba(152, 37, 152, 0.2);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--bg-neutral); }
        ::-webkit-scrollbar-thumb { background: var(--black); }
        ::-webkit-scrollbar-thumb:hover { background: var(--tech-purple); }

        /* Page Transitions */
        #main-content { transition: opacity 0.4s ease-in-out; }

        /* Mobile Hamburger */
        #mobile-nav {
            transform: translateY(-100%);
            transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
        }
        #mobile-nav.open { transform: translateY(0); }

        .split-height { min-height: 80vh; }
        
        .vertical-text {
            writing-mode: vertical-rl;
            text-orientation: mixed;
        }