/* ─── Otto Cool Wheel Background ───────────────────────────────────
   Single top-anchored blob whose color cycles
     aqua → mint → sage → lavender → cornflower → loop
   over 60s, breathing at a 5.5s deep-swell rhythm.

   The blob is rendered by bg.js (WebGL fragment shader) onto the
   <canvas id="fluidBg"> element. The static gradient below is the
   first-paint and reduced-motion fallback.

   Used on every page in otto-site-2.0/. Edit here once → all pages
   pick up the change automatically.
   ──────────────────────────────────────────────────────────────── */

#fluidBg{
  position:fixed;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  pointer-events:none;
  background:
    radial-gradient(ellipse 50% 32% at 50% 16%, #A8E0DC 0%, transparent 65%),
    #FFFFFF;
}

@media(prefers-reduced-motion:reduce){
  #fluidBg{display:none!important}
  body{
    background:
      radial-gradient(ellipse 50% 32% at 50% 16%, #A8E0DC 0%, transparent 65%),
      #FFFFFF;
    background-attachment:fixed;
  }
}