/* Shared page background. Loaded last on every page so all pages share one midnight navy base, one ambient glow and the same hero corner glow. */
:root{--bg:#060918}
body{background:#060918}
.bg-fx{background:
  radial-gradient(900px circle at 0% 0%,rgba(52,93,255,.16),transparent 62%),
  radial-gradient(760px circle at 100% 18%,rgba(146,92,255,.11),transparent 62%),
  #060918}
.bg-fx::before{opacity:.06}
/* the home hero grid stays barely visible */
.hero::before{opacity:.07}
/* one hero treatment for the home, services, work and contact intros (About uses its own artwork) */
.hero,.sv-hero,.wk-hero,.ct-intro{
  background:radial-gradient(560px circle at 0% 0%,rgba(52,93,255,.3),transparent 70%),radial-gradient(520px circle at 100% 0%,rgba(146,92,255,.2),transparent 70%)}
.hero,.ct-intro{position:relative}