I like bootstrap as a base framework (
http://twitter.github.com/bootstrap ). It lends itself very well to
desktop and mobile apps with it's reflow capabilities and is easy to
reuse in Adobe CQ.
Good observation - yes, I see the 960gs styles embedded in static.css. However the geomtrixx outdoors example does not use it. Interestingly enough, it uses normalize.css from HTML5 Boilerplate but not the main markup in H5BP's index.html. Also it uses separate stylesheets for desktop vs. mobile platforms. If I am not mistaken, the mobile stylesheet simply offers a different layout (stacked content) which seems to zoom correctly to fill different form factors (vs. doing a reflow like bootstrap does). For example, it is still a stacked layout on an iPad in either orientation.
I am not sure if geometrixx is a good example to look at for this.
http://www.xtvmedia.net is another upcoming sample (it was demonstrated
at the conference and in demos) and uses yet another approach.
I think the message from Adobe is really CQ can work in whatever way you
would want it to work in regards to css.