:root {
                            --bg-color: #0e0e0e;
                            --secondary-bg: #000000;
                            --text-color: #f4f4f4;
                            --gap: 15px;
                        }
                        
                        .maviroket-bg-grid::after {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            z-index: -1;
                            background-image: linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px);
                            background-size: 30px 30px;
                            opacity: 0.3;
                            pointer-events: none;
                        }
                        
                        .maviroket-gallery-opening-sequence {
                            width: 100%;
                            height: 100vh;
                            position: relative;
                            overflow: hidden;
                            z-index: 10;
                        }
                        
                        .maviroket-gallery-layer-start {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            z-index: 1;
                        }
                        
                        .maviroket-gallery-start-text {
                            opacity: 0.5;
                            font-size: 1.5rem;
                            animation: pulse 2s infinite;
                        }
                        
                        @keyframes pulse {
                            0%,
                            100% {
                                opacity: 0.3;
                            }
                            50% {
                                opacity: 0.8;
                            }
                        }
                        
                        .maviroket-gallery-layer-reveal {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background-color: var(--secondary-bg);
                            z-index: 2;
                            clip-path: polygon(0% 0%, 0% 100%, 0% 50%);
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            text-align: center;
                            will-change: clip-path;
                        }
                        
                        .maviroket-gallery-intro-content {
                            opacity: 0;
                            transform: translateY(30px);
                        }
                        
                        .maviroket-gallery-intro-content h1 {
                            font-size: 3rem;
                            font-weight: 700;
                            margin-bottom: 10px;
                        }
                        
                        .maviroket-gallery-rocket {
                            position: absolute;
                            top: 50%;
                            left: -150px;
                            width: 80px;
                            transform: translateY(-50%) rotate(90deg);
                            z-index: 5;
                            will-change: left;
                        }
                        
                        .maviroket-gallery-wrapper {
                            width: 100%;
                            height: 100vh;
                            overflow: hidden;
                            display: flex;
                            align-items: center;
                            position: relative;
                            background-color: var(--secondary-bg);
                            z-index: 5;
                        }
                        
                        .maviroket-gallery-track {
                            display: grid;
                            grid-template-rows: repeat(2, 35vh);
                            grid-auto-flow: column;
                            gap: var(--gap);
                            padding: 0 5vw;
                            width: max-content;
                            height: auto;
                            align-content: center;
                            will-change: transform;
                        }
                        
                        .maviroket-gallery-item {
                            position: relative;
                            border-radius: 6px;
                            overflow: hidden;
                            background-color: #111;
                            width: 25vw;
                            height: 100%;
                        }
                        
                        .maviroket-gallery-item img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            display: block;
                            opacity: 0;
                            transition: opacity 0.5s ease;
                        }
                        
                        .maviroket-gallery-item img.loaded {
                            opacity: 1;
                        }
                        
                        .maviroket-gallery-size-tall {
                            grid-row: span 2;
                            width: 25vw;
                        }
                        
                        .maviroket-gallery-size-wide {
                            width: 40vw;
                            grid-row: span 1;
                        }
                        
                        .maviroket-gallery-size-md {
                            width: 25vw;
                            grid-row: span 1;
                        }
                        
                        .maviroket-gallery-size-sm {
                            width: 18vw;
                            grid-row: span 1;
                        }
                        
                        .maviroket-gallery-footer {
                            height: 50vh;
                            background: var(--secondary-bg);
                            color: #fff;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            position: relative;
                            z-index: 5;
                        }
                        
                        @media (max-width: 768px) {
                            .maviroket-gallery-start-text {
                                width: 100%;
                                padding: 0 2rem;
                                font-size: 0.9rem;
                                text-align: center;
                            }
                            .maviroket-gallery-intro-content {
                                padding: 0 2rem;
                                width: 100%;
                                text-align: center;
                            }
                            .maviroket-gallery-intro-content h1 {
                                font-size: 2rem;
                            }
                            .maviroket-gallery-rocket {
                                width: 50px;
                                left: -60px;
                            }
                            .maviroket-gallery-track {
                                grid-template-rows: repeat(2, 25vh);
                                gap: 10px;
                            }
                            .maviroket-gallery-size-tall,
                            .maviroket-gallery-size-md {
                                width: 60vw;
                            }
                            .maviroket-gallery-size-wide {
                                width: 75vw;
                            }
                            .maviroket-gallery-size-sm {
                                width: 45vw;
                            }
                        }