/* The color field follows the pointer; the pointer itself has only a tiny neutral afterimage. */
body{background:var(--bg)}
#ambient-flow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2;filter:none;--field-x:79%;--field-y:30%;--field-echo-x:59%;--field-echo-y:79%;background:radial-gradient(ellipse 50vw 65vh at var(--field-x) var(--field-y),color-mix(in srgb,var(--ambient) 88%,transparent),transparent 75%),radial-gradient(ellipse 35vw 52vh at var(--field-echo-x) var(--field-echo-y),color-mix(in srgb,var(--ambient-second) 45%,transparent),transparent 78%)}
#cursor-flow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:120;mix-blend-mode:normal}
.motion-off #cursor-flow{display:none}
@media(pointer:coarse),(prefers-reduced-motion:reduce){#cursor-flow{display:none}}
@media print{#cursor-flow,#ambient-flow{display:none!important}}
.contact-section{background:color-mix(in srgb,var(--bg) 35%,transparent)}