/* "What We Do" category cards: interactive 3D object (lattice + glossy core, like the /solutions/ hero) on black with the menu-style green glows (see js/service-3d.js) */
.svc3d { isolation: isolate; background: #000; }
.svc3d::before, .svc3d::after { content: ""; position: absolute; z-index: -1; width: 320px; height: 320px; border-radius: 50%; background: #06b22d; filter: blur(140px); pointer-events: none; }
.svc3d::before { left: -80px; bottom: -120px; }
.svc3d::after { right: -100px; top: -140px; opacity: .7; }
.svc3d-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; cursor: grab; touch-action: pan-y; outline: none; }
.svc3d-canvas.is-dragging { cursor: grabbing; }

/* Creative card: the glowing yellow bulb picture (black background blended into the card's glows) */
.svc3d-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; mix-blend-mode: screen; transform: scale(1.2); pointer-events: none; user-select: none; }