/* GENERATED by src/build.py from src/css/flow.css — edit the source, not this file. */
/* CEEZ AI — the flowing background (BACKGROUND = "flow" in src/build.py; delete that setting to go back).
   Loaded after every other stylesheet. src/js/flow.js gives each section three hues (--h0 top edge, --h1 its own,
   --h2 bottom edge) from one smooth curve; here they become one vertical wash that meets its neighbours exactly, with
   a single dot pattern and two soft glows in the section's own hue. The glows sit mid-section and fade to nothing well before
   either edge, so a seam is only ever the shared base colour. Dark: the base is ~10% lightness.
   Every value has a fallback, so without JS the page is one even indigo. */

html{--fx:74;--py:0}
html .hero,html main>section:nth-of-type(n),html main>section.page-hero:nth-of-type(n),html main>section#contact,html footer{
  --h0:250;--h1:250;--h2:250;--ga:.15;--gb:.09;
  --tb:hsl(var(--h1) var(--bs,58%) 10.5%);--bg:var(--tb);--bg2:var(--tb);
  --ta:hsl(var(--h1) var(--gs,85%) 62% / var(--ga));--tc:hsl(calc(var(--h1) + var(--hs,32)) var(--gs,80%) 55% / var(--gb));
  background-color:var(--tb);
  background-image:
    radial-gradient(60% 34% at calc(var(--fx) * 1%) var(--ga-y,36%),var(--ta),transparent 100%),
    radial-gradient(50% 28% at calc(100% - var(--fx) * .4%) 70%,var(--tc),transparent 100%),
    radial-gradient(hsl(var(--h1) 90% 82% / .10) 1px,transparent 1.5px),
    linear-gradient(180deg,hsl(var(--h0) var(--bs,58%) 10.5%) 0,hsl(var(--h1) var(--bs,58%) 10.5%) 24%,hsl(var(--h1) var(--bs,58%) 10.5%) 76%,hsl(var(--h2) var(--bs,58%) 10.5%) 100%);
  background-size:auto,auto,24px 24px,auto;
  background-position:0 0,0 0,0 calc(var(--py) * 1px),0 0;
  background-repeat:no-repeat,no-repeat,repeat,no-repeat}
/* heroes and the contact block carry a stronger glow; the footer settles back */
html .hero,html main>section.page-hero:nth-of-type(n){--ga:.28;--gb:.14;--ga-y:24%}
html main>section#contact{--ga:.22;--gb:.12}
html footer{--ga:.09;--gb:.05}
/* the rotating dot sphere in the heroes takes the section's hue */
.orb{background:radial-gradient(circle,hsl(var(--h1,262) 90% 82% / .55) 0 1px,transparent 1.6px) 0 0/14px 14px}
/* the hero .scene keeps only its top glow: its bottom glows would draw a visible band where the hero meets the next section */
.scene::before{background:radial-gradient(40% 45% at var(--gx,70%) var(--gy,30%),var(--ta,transparent),transparent 70%)}