:root {
            --accent-blue: #5478FF;
            --dark-navy: #0F2854;
        }

        body {
            font-family: 'Be Vietnam Pro', sans-serif;
            background-color: #ffffff;
            color: #000;
            overflow-x: hidden;
        }

        /* Smooth page transitions */
        .page-section {
            display: none;
        }
        .page-section.active {
            display: block;
        }

        /* Fixed Left Strip */
        .v-strip {
            position: fixed;
            left: 0;
            top: 64px; /* Below header */
            width: 80px;
            height: calc(100vh - 64px);
            z-index: 50;
            display: flex;
            flex-direction: column;
            border-right: 1px solid #0b0f1b;
        }

        .v-logo {
            background-color: var(--dark-navy);
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            writing-mode: vertical-rl;
            transform: rotate(180deg);
            color: var(--accent-blue);
            font-weight: 900;
            letter-spacing: 0.3em;
            font-size: 1.2rem;
            text-transform: uppercase;
        }

        .v-book {
            background-color: var(--accent-blue);
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            writing-mode: vertical-rl;
            transform: rotate(180deg);
            color: white;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            cursor: pointer;
            transition: background 0.3s;
        }
        .v-book:hover { background-color: #3b5edb; }

        /* Header Scroll Logic */
        #header {
            transition: transform 0.4s ease;
        }
        .header-hidden {
            transform: translateY(-100%);
        }

        /* Parallax/Fixed Backgrounds */
        .bg-fixed-img {
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        /* Layout Dividers */
        .section-divider {
            border-top: 1px solid #e5e7eb;
            margin: 0 40px;
        }

        /* Modal */
        #modal {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.9);
            z-index: 200;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #5478FF; border-radius: 10px; }