ref(orbital): Drive camera layout from matchMedia change event, not resize

Split the resize handler into two concerns:
- resize: viewport geometry only (aspect ratio, renderer size)
- mobileQuery change: camera position when the breakpoint crosses

This means camera layout only adjusts when the device genuinely
crosses the mobile/desktop threshold, not on every pixel of window
resizing — avoiding false triggers from desktop window dragging.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: rahulchhabria

static/orbital.js

@@ -473,11 +473,13 @@ document.addEventListener('visibilitychange', () => {
 // ── Resize ────────────────────────────────────────────────────────────────────
 
 window.addEventListener('resize', () => {
-  const mobile = mobileQuery.matches;
   camera.aspect = window.innerWidth / window.innerHeight;
   camera.updateProjectionMatrix();
   renderer.setSize(window.innerWidth, window.innerHeight);
-  camera.position.set(0, mobile ? -0.65 : 0, mobile ? 8.0 : 5.6);
+});
+
+mobileQuery.addEventListener('change', e => {
+  camera.position.set(0, e.matches ? -0.65 : 0, e.matches ? 8.0 : 5.6);
   controls.update();
 });