html, body {
            height: 100%;
            width: 100%;
            overflow: hidden;
            background-color: #F6E6C2;
            color: #A86464;
        }

        /* Master Horizontal Canvas Viewport Wrapper */
        .magazine-canvas-track {
            display: flex;
            width: 800vw; /* Managed dynamically across the 8 multi-layered pages */
            height: 100%;
            transition: transform 0.85s cubic-bezier(0.25, 1, 0.2, 1);
            will-change: transform;
        }

        /* Standardized Chapter Slide Main Blueprint Frame */
        .magazine-slide {
            width: 100vw;
            height: 100vh;
            flex-shrink: 0;
            position: relative;
            overflow: hidden;
        }

        /* Internal Sub-Section Scroll Container - EXPANDED FOR DEEP SCROLLING CONTENT */
        .page-scroll-cell {
            height: 100%;
            width: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            padding-top: 90px; /* Space allowance for the translucent header */
            -ms-overflow-style: none;
            scrollbar-width: none;
            display: flex;
            flex-direction: column;
            justify-between: space-between;
        }
        .page-scroll-cell::-webkit-scrollbar {
            display: none;
        }

        /* Asymmetric Diagonal Divided Geometric Layout Mask */
        .diagonal-split-mask {
            clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
        }
        @media (max-width: 768px) {
            .diagonal-split-mask {
                clip-path: none;
            }
        }

        /* Endless Linear Horizontal Marquee Track Runner */
        @keyframes endlessMarqueeLoop {
            0% { transform: translateX(0%); }
            100% { transform: translateX(-50%); }
        }
        .animate-marquee-runner {
            display: flex;
            width: max-content;
            animation: endlessMarqueeLoop 24s linear infinite;
        }

        /* Slow Parallax Drift Imagery Framework */
        .parallax-drift-image {
            animation: imageSlowDrift 20s ease-in-out infinite alternate;
        }
        @keyframes imageSlowDrift {
            0% { transform: scale(1.0) translate(0px, 0px); }
            100% { transform: scale(1.1) translate(-10px, -8px); }
        }

        /* Mask-Wipe Upward Typography Reveals */
        @keyframes maskWipeUpward {
            0% { transform: translateY(105%); opacity: 0; }
            100% { transform: translateY(0%); opacity: 1; }
        }
        .reveal-wipe-node {
            animation: maskWipeUpward 0.9s cubic-bezier(0.15, 1, 0.3, 1) forwards;
        }

        /* Navigation Matrix Tracking Active States UI rules */
        .matrix-indicator-node.active-node {
            background-color: #439A97;
            transform: scale(1.4);
            border-color: #C0EEF2;
        }

        /* Circular Selector Path Assembly Track Configs */
        .orbital-axis-container {
            width: 460px;
            height: 460px;
            border: 1.5px dashed rgba(67, 154, 151, 0.25);
            border-radius: 50%;
            position: relative;
        }
        @media (max-width: 640px) {
            .orbital-axis-container {
                width: 310px;
                height: 310px;
            }
        }

        /* Soft Zoom Scroll Targets Definition classes */
        .soft-zoom-card {
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
        }
        .soft-zoom-card:hover {
            transform: scale(1.025);
        }

        /* Custom Scroll Masking Utility Elimination */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }