/* Keep elaborate effects but avoid spending GPU time where they are least useful. */
#progress, .marquee-track, .orb, .cursor-aura { will-change: transform; }
.marquee-track.paused, .orb.paused { animation-play-state: paused !important; }

@media (max-width: 720px) {
  .orb { animation: none; filter: blur(36px); }
  .orb-3, .grain, .cursor-aura { display: none; }
  nav, .marquee, .profile-facts { backdrop-filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
  .orb, .grain, .cursor-aura { display: none; }
  nav, .marquee, .profile-facts { backdrop-filter: none; }
}

@supports (content-visibility: auto) {
  #maths, #pde-ml { content-visibility: auto; contain-intrinsic-size: auto 720px; }
  #about, #skills, #experience, #resume, #contact { content-visibility: auto; contain-intrinsic-size: auto 560px; }
  #projects { content-visibility: auto; contain-intrinsic-size: auto 920px; }
  #graph-theory { content-visibility: auto; contain-intrinsic-size: auto 800px; }
}
/* Defer off-screen images/decoding hint */
img[loading="lazy"]{content-visibility:auto}
/* Reduce blur cost on low-power devices */
@media (max-width: 720px), (prefers-reduced-motion: reduce) {
  #neuralBg { display:none !important; }
}