@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

        :root {
            --vt-red: #E30613;
            --vt-dark: #111111;
            --vt-gray: #6B7280;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--vt-dark);
            background-color: #FFFFFF;
            letter-spacing: -0.01em;
        }

        .nav-link {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--vt-gray);
            transition: color 0.2s ease;
        }

        .nav-link:hover {
            color: var(--vt-red);
        }

        .serif-text {
            font-family: 'Georgia', serif;
            font-style: italic;
            color: var(--vt-gray);
        }

        .btn-primary {
            background-color: var(--vt-dark);
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            font-size: 0.875rem;
            font-weight: 600;
            transition: all 0.2s ease;
            display: inline-block;
        }

        .btn-primary:hover {
            background-color: var(--vt-red);
            box-shadow: 0 10px 15px -3px rgba(227, 6, 19, 0.2);
        }


                :root { --vt-red: #E30613; }
        .nav-link {
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            color: #1a1a1a;
            transition: all 0.3s ease;
            padding-bottom: 2px;
            border-bottom: 2px solid transparent;
        }
        .nav-link:hover { color: var(--vt-red); }
        .nav-link-active { 
            border-bottom-color: var(--vt-red); 
            color: var(--vt-red);
        }
        [x-cloak] { display: none !important; }