.fccs-wrapper {
                position: relative;
                width: 100%;
                background-color: #000000;
                overflow: hidden;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 40px;
            }

            .fccs-container {
                position: relative;
                width: 100%;
                max-width: 1920px;
                aspect-ratio: 1920 / 720;
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden;
            }

            .fccs-bg-layer {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
                pointer-events: none;
                opacity: 0.77;
                object-fit: cover;
                will-change: contents;
            }

            .fccs-stage {
                position: relative;
                z-index: 2;
                perspective: 1200px;
                transform-style: preserve-3d;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                will-change: transform;
            }

            .fccs-card-wrapper {
                position: relative;
                width: 35%;
                max-width: 600px;
                display: flex;
                justify-content: center;
                align-items: center;
                transform-style: preserve-3d;
            }

            .fccs-canvas {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 250%;
                height: auto;
                pointer-events: none;
                will-change: contents;
            }

            .fccs-fallback-img {
                width: 100%;
                height: auto;
                display: none;
            }

            .fccs-vignette-overlay {
                position: absolute;
                inset: 0;
                z-index: 3;
                pointer-events: none;
                background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.70) 100%);
            }

            @media (max-width: 1024px) {
                .fccs-container { aspect-ratio: 16 / 9; }
                .fccs-card-wrapper { width: 45%; }
            }

            @media (max-width: 768px) {
                .fccs-container { aspect-ratio: auto; min-height: auto; }
                .fccs-card-wrapper { width: 100%; max-width: 100%; }
                .fccs-wrapper .fccs-bg-layer, 
                .fccs-wrapper .fccs-canvas, 
                .fccs-wrapper .fccs-vignette-overlay { display: none !important; }
                .fccs-wrapper .fccs-fallback-img { display: block !important; width: 100%; height: auto; margin-top: 20px; }
                .fccs-stage { transform: none !important; perspective: none; }
            }