Add pointer-tracking gloss on content blocks

Details

A specular sheen that rides the cursor across every v3 glass card — the
research pillars, projects, publications, now-panel, the interactive
explainer/TPP cards, and the DB-rendered Education/Experience/Teaching
and Awards/Talks cards — so each glass block reads as a polished,
light-catching surface. The layer sits below the block's text
(z-index:-1 inside an isolation:isolate context) so it never touches
legibility or clicks. Cool-white on dark; a warm peach light-catch on
light that only lightens the cream card, keeping muted text at WCAG AA.
Gated to fine/hover pointers and fully disabled under
prefers-reduced-motion.
- _sass/v3/_gloss.scss: the effect (front-loaded radial specular, warm
  halo, per-theme tokens)
- components/card-gloss.ts: one delegated, rAF-throttled pointer driver
  that also covers runtime-rendered cards and re-hit-tests on scroll
- registered in _sass/v3.scss; wired into _layouts/v3.html
Validated by compiling the full v3 stylesheet (dart-sass, exit 0) and
the project typecheck (tsc -p, 0 errors), plus headless-Chrome
screenshots with real pointer events across dark/light, rounded-corner
clipping, reduced-motion and touch (no-gloss confirmed).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YB1axhX3kbHCFJbX7LhfH8

Files changed (4)