/* AGGRESSIVE RESET - Fixes WordPress "Down and Right" Offset */
        .cube-transition-container,
        .cube-wrapper,
        .cube-block {
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            outline: none !important;
            box-sizing: border-box !important;
            line-height: 0 !important;
            font-size: 0 !important;
            min-height: 0 !important;
        }

        .cube-transition-container {
            /* OPTIONAL: Manually adjust this if the auto-detection is slightly off */
            --custom-offset: 0px; 

            position: absolute !important; 
            height: 0 !important;
            z-index: 20; /* Increased Z-index to ensure it sits on top of content borders */
            pointer-events: none;
            
            /* BREAKOUT STYLES: Forces full screen width even inside a narrow WP container */
            width: 100vw !important;
            left: 50% !important;
            right: 50% !important;
            margin-left: -50vw !important;
            margin-right: -50vw !important;
        }

        .cube-wrapper {
            position: absolute !important;
            left: 0 !important;
            width: 100% !important;
            height: 0 !important; 
            display: block !important; 
            pointer-events: auto; 
            overflow: visible !important;
        }

        .cube-block {
            background-color: var(--wp--preset--color--base); /* Matches the 'White' section color */
            transition: transform 0.1s ease-out; 
            will-change: transform;
            position: absolute !important;
            display: block !important;
        }

        /* * ORIENTATION MODIFIERS 
         */

        /* Sticking UP (placed at top of white section, overlapping blue above) */
        .cube-transition-container.effect-top {
            top: auto !important; 
            bottom: auto !important;
        }
        .cube-transition-container.effect-top .cube-wrapper {
            bottom: 0 !important;
            top: auto !important;
        }
        .cube-transition-container.effect-top .cube-block {
            bottom: 0 !important; /* Anchors cube to the bottom line of the wrapper */
            top: auto !important;
            transform-origin: bottom center;
        }

        /* Sticking DOWN (placed at bottom of white section, overlapping blue below) */
        .cube-transition-container.effect-bottom {
            bottom: auto !important; 
            top: auto !important;
        }
        .cube-transition-container.effect-bottom .cube-wrapper {
            top: 0 !important;
            bottom: auto !important;
        }
        .cube-transition-container.effect-bottom .cube-block {
            top: 0 !important; /* Anchors cube to the top line of the wrapper */
            bottom: auto !important;
            transform-origin: top center;
        }