/* ============================================================
   DOT-SHAPES BACKGROUND — shared across all pages
   Canvas is fixed below the navbar, behind page content.
   Header stays above; the footer is transparent so the
   shapes glow through it too.
   ============================================================ */
#shapeBg{position:fixed;top:68px;left:0;width:100%;height:calc(100vh - 68px);z-index:0;pointer-events:none}
.hero-bg{opacity:.55!important} /* let the shapes glow through hero images */
.site-footer{background:transparent!important} /* shapes show through the footer */
@media (max-width:768px){#shapeBg{top:56px;height:calc(100vh - 56px)}}