Two grid layers render with opposite 45-degree rotations on the X-axis, creating a symmetric 3D tunnel effect. Each layer uses an SVG-based rectangle pattern encoded as a data URI. The container applies CSS perspective at 1000px for the 3D transformation.

Linear gradient masks fade each layer in opposite directions: top layer fades up, bottom layer fades down. This creates the illusion of depth converging at the center. Light and dark mode each have separate SVG patterns with appropriate stroke colors.

Works well for fintech landing pages, architectural firm sites, developer tool homepages, and any design that benefits from a structured, geometric feel.