/* Design Token Mapping Configuration */
        :root {
            --primary-accent: #2FA4D7;
            --dark-text: #000000;
            --warm-brown: #8C5A3C;
            --muted-brown: #8A7650;
            --bg-color: #c8c85f;
            --card-bg: #FFFFFF;
        }

        body {
            background-color: var(--bg-color);
            color: var(--dark-text);
            font-family: 'Merriweather', serif;
            font-weight: 400;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Strict Typography Scale Adjustments */
        h1, h2, h3, h4, .heading-bold {
            font-family: 'Merriweather', serif;
            font-weight: 700;
            letter-spacing: -0.01em;
        }
        
        p, span, label, input, textarea, div {
            font-family: 'Merriweather', serif;
            font-weight: 400;
        }

        .citation-text, blockquote, q, .italic-cite {
            font-family: 'Merriweather', serif;
            font-weight: 400;
            font-style: italic;
        }

        /* Disappearing Header System Configuration */
        header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50px;
            z-index: 100;
            background-color: transparent;
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        header.header-hidden {
            position: fixed;
            transform: translateY(-100%);
        }

        /* Navigation Micro-interactions Links */
        .nav-link {
            position: relative;
            color: var(--dark-text);
            transition: color 0.3s ease;
        }
        .nav-link:hover {
            color: var(--primary-accent);
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 1px;
            bottom: -6px;
            left: 0;
            background-color: var(--primary-accent);
            transform-origin: bottom right;
            transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .nav-link:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }

        /* Layout Component Animations & Zoom Classes */
        .academic-card {
            background-color: var(--card-bg);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .academic-card:hover {
            transform: translateY(-2px);
        }

        .img-container {
            overflow: hidden;
        }
        .img-zoom {
            transition: transform 6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .img-container:hover .img-zoom {
            transform: scale(1.04);
        }

        /* Fixed Background Parallax Layer */
        .bg-fixed-layer {
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
        }

        /* Multipage Structural Display States */
        .app-view {
            display: none;
        }
        .app-view.active-view {
            display: block;
        }

        /* Custom Soft Fade Animation */
        .fade-transition {
            animation: softFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        @keyframes softFade {
            from { opacity: 0; transform: translateY(12px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Mobile Hamburger Overlay Slide Transition */
        #mobile-menu {
            transform: translateY(-100%);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            background-color: var(--bg-color);
        }
        #mobile-menu.open {
            transform: translateY(0);
        }