strand-field-hero — Master Addons Widget Builder import pack
================================================================

A full-screen hero with a realtime GPU particle field (three.js WebGPU,
automatic WebGL2 fallback) behind the headline. Four particle presets,
left / center / right content alignment, and full particle physics
controls in the Style tab.

WHAT'S INSIDE
  widget-strand-hero.json  -> the widget (import this)

HOW TO USE
  1. In WordPress, open Master Addons -> Widget Builder -> Import,
     and select widget-strand-hero.json.
  2. Drag the widget into your page with Elementor.
  3. Edit content in the Content tab:
       - Hero Content: pill text, eyebrow, heading, tagline
         (leave any text empty to hide that element)
       - Buttons: show/hide, label, and link for both buttons
       - Scroll Cue & Bottom Bar: toggles + the three bottom texts
  4. Tune the look in the Style tab:
       - Layout: Content Alignment (Left / Center / Right),
         Section Height (40-100vh)
       - Particles:
           Particle Type    -> Strands / Snow / Stars / Universe
           Particle Density -> 100-2000 particles (capped at 500 on mobile)
           Particle Size    -> 0-100 thickness scale
           Particle Depth   -> 0-100 spread toward/away from the camera
           Mouse Reaction   -> 0-100 repulsion + parallax (0 = off)
       - Colors: accent, text, muted text, background center/edge —
         every derived shade follows these five pickers.

NOTES
  - The 3D field loads three.js from the jsDelivr CDN (~1.2 MB, cached
    after first visit). The site needs internet access; if the module
    cannot load, the hero still renders as a fully styled static section.
  - WebGPU browsers (Chrome, Edge) get full quality; others fall back to
    WebGL2 automatically. Reduced-motion visitors get a still particle
    sculpture with no animation.
  - The widget loads its Google Fonts (Space Grotesk + Outfit)
    automatically.
  - Multiple copies of the widget on one page are supported.
