body {
            background-color: #44444E;
            color: #FFFFFF;
            overflow-x: hidden;
            font-family: "Playfair Display", serif;
        }
        
        /* Custom Fine Scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #44444E;
        }
        ::-webkit-scrollbar-thumb {
            background: #B8C4A9;
        }

        /* Smooth CSS transitions for panel extensions */
        .story-panel {
            transition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);
        }

        /* Multi-page System View Layout Switcher Matrix */
        .spa-view-plane {
            display: none;
        }
        .spa-view-plane.active-plane {
            display: block;
        }

        /* Parallax Optimization */
        .parallax-window {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        @media (max-width: 1024px) {
            .parallax-window {
                background-attachment: scroll;
            }
        }