/* ── E4: Ambient motion ── */
@keyframes orb-1 { 0%,100%{transform:translate(0,0)}  33%{transform:translate(60px,-40px)}  66%{transform:translate(-30px,50px)} }
@keyframes orb-2 { 0%,100%{transform:translate(0,0)}  25%{transform:translate(-80px,30px)}  75%{transform:translate(50px,-60px)} }
@keyframes orb-3 { 0%,100%{transform:translate(0,0)}  50%{transform:translate(40px,70px)} }
@keyframes orb-4 { 0%,100%{transform:translate(0,0)}  40%{transform:translate(-50px,-40px)} 80%{transform:translate(30px,30px)} }
@keyframes orb-5 { 0%,100%{transform:translate(0,0)}  60%{transform:translate(-60px,50px)} }

#ambient-bg { position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden; }
.ambient-orb { position:absolute;border-radius:50%;filter:blur(80px);will-change:transform; }
.ao1 { width:520px;height:520px;background:oklch(93% 0.27 122/0.03);top:-80px;left:-80px; animation:orb-1 18s ease-in-out infinite; }
.ao2 { width:720px;height:720px;background:oklch(74% 0.20 246/0.035);top:20%;right:-220px; animation:orb-2 24s ease-in-out infinite;animation-delay:-8s; }
.ao3 { width:360px;height:360px;background:oklch(65% 0.22 285/0.045);bottom:22%;left:-60px; animation:orb-3 20s ease-in-out infinite;animation-delay:-4s; }
.ao4 { width:420px;height:420px;background:oklch(93% 0.27 122/0.02); bottom:12%;right:8%; animation:orb-4 28s ease-in-out infinite;animation-delay:-12s; }
.ao5 { width:300px;height:300px;background:oklch(74% 0.20 246/0.025);top:42%;left:38%; animation:orb-5 15s ease-in-out infinite;animation-delay:-6s; }

#particle-canvas { position:fixed;inset:0;z-index:-1;pointer-events:none; }

@media (prefers-reduced-motion:reduce) {
  .ambient-orb { animation:none!important; }
  #particle-canvas { display:none; }
}