/* ============ PAGE BACKGROUND: yin yang (canvas, fixed behind everything) ============ */
.bg-yy{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none}

/* let the fixed layer show through; html keeps the ink base */
body{background:transparent}

/* section surfaces become veils over the background — dark enough to keep AA text contrast on every frame */
.pics{background:radial-gradient(ellipse 60% 70% at 78% 35%,color-mix(in srgb,var(--fog) 55%,transparent),transparent 70%),color-mix(in srgb,var(--ink-2) 74%,transparent)}
.wave{color:color-mix(in srgb,var(--ink-2) 74%,transparent)}
.ca{background:radial-gradient(ellipse 50% 60% at 80% 50%,color-mix(in srgb,var(--eye) 12%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--ink-3) 74%,transparent),color-mix(in srgb,var(--ink) 74%,transparent))}