Fluidity pack: CSS

What it does

Full-width Vanta hero styling support (v2.0), plus blog card fluidity (v2.1): staggered fade-up cascade, hover lift, cover image zoom, light sheen sweep, title accent drift, reduced-motion fallbacks. Covers both the /blog index cards and the home gallery collection cards.

Change log

  • Sep 12, 2026 v2.2: FAQ arrow-toggle accordion restored (component styling was lost in the v2.0 reset): chevron rotation, row dividers, cyan hover, smooth height animation, reduced-motion fallback. File: fluidity-faq-toggle.css in the v2.2 section below.
  • Sep 12, 2026 v2.1: blog card fluidity pack (inspired by threadandstack.com/journal): entrance cascade, hover lift + shadow, image zoom, sheen sweep, title colour drift. File: fluidity-blog-cards.css below. Paste at the end of the Bullet custom CSS field to deploy.
  • Sep 10, 2026 v1.2: stats count-up styles, blog card cascade, card border hover
  • Sep 10, 2026 v1.1: full-width hero (100vw), text aligned to 1061px content column
  • Sep 10, 2026 v1.0: initial pack (fog hero, scroll reveals, card lift, FAQ hover)
  • Sep 12, 2026 v2.0: site CSS reset to Astral defaults. Pack reduced to hero/Vanta (three.js) support styles only; scroll reveals, card hover, FAQ hover, count-up and cascade removed. Unused webeeui component library also cleared from the Bullet CSS field (pre-reset backup on the Current page)

v2.1 file

fluidity-blog-cards.css, ready to paste into Bullet custom CSS.
 

v2.2 file

fluidity-faq-toggle.css, restores the FAQ accordion on the Home page. Paste at the end of the Bullet custom CSS field.
notion image

v2.1 hotfix

The v2.0 CSS in the Bullet field was missing a closing brace on [class*=co-webeeui-] .notion-inline-code{display:none;, which swallowed the entire v2.1 pack. Fixed full field contents attached below. Replace the whole Bullet custom CSS field with this file if the field copy breaks again.