Projects 15 B block design & features
This variant places the header content directly inside the same two-column grid as the video sections, occupying one cell alongside the video panels. The heading and audio icon label sit inside a plain background cell at taller viewport height, while the four video panels fill the remaining cells.
Each video cell shows a thumbnail that crossfades to a looping muted video on hover, maintaining the same dark overlay and white text overlay pattern showing studio name and project title. Cell height increases to 60vh on medium breakpoints.
The integrated grid gives the section a tighter, more unified composition where the header does not float above the content but occupies equal visual weight with the media. The result is a bento-like arrangement with mixed content types.
On mobile the grid linearizes to a single column, with the header cell appearing first followed by the video panels stacked vertically.