/* hmic.dev gear textures (hooks only; nothing is wired yet, so nothing 404s).
   When the raster texture pack lands, optimise each file to WebP under
   site/gear/<theme>/<asset>.webp and uncomment the matching line. Every hook is drawn ON TOP of a flat CSS fallback,
   so a missing, slow or blocked file just shows the flat look. Tiles repeat at their natural size.

   asset file (per theme)       hook                 pack asset # where it shows
   tolex.webp                   --tx-tolex           1 / 2        amp head frame (vintage cream, studio black levant, scifi hull)
   grill.webp                   --tx-grill           3            speaker cloth behind the spectrum bars
   faceplate.webp               --tx-faceplate       4            control panel (knob, toggle, VU)
   vu-face.webp                 --tx-vu-face         8            VU meter face (scale, numbers and needle stay vector)
   glow.webp                    --tx-glow            9            tube / energy-cell glow over the grill while tuned in
   rail.webp                    --tx-rail            5            jam board rails (vintage birch)
   board.webp                   --tx-board           6            jam pedalboard surface (loop fabric / hull)
   enclosure-<0..3>.webp        --tx-enc-0..3        7            stomp box tops by chord colour (vintage: teal, rust, cream, olive)
   pickguard.webp               --tx-pickguard       10           surface around the 24-fret neck
   fretboard.webp               --tx-fretboard       11           neck wood (gear.js turns it into an SVG pattern)
   hero-radio.webp / hero-jam   --tx-hero-radio/jam  12 / 13      page headers (desktop only; also set --hero-pad:34%)

html[data-gear=vintage]{
  --tx-tolex:url(/gear/vintage/tolex.webp);
  --tx-grill:url(/gear/vintage/grill.webp);
  --tx-faceplate:url(/gear/vintage/faceplate.webp);
  --tx-glow:url(/gear/vintage/glow.webp);
  --tx-rail:url(/gear/vintage/rail.webp);
  --tx-board:url(/gear/vintage/board.webp);
  --tx-enc-0:url(/gear/vintage/enclosure-teal.webp);
  --tx-enc-1:url(/gear/vintage/enclosure-rust.webp);
  --tx-enc-2:url(/gear/vintage/enclosure-cream.webp);
  --tx-enc-3:url(/gear/vintage/enclosure-olive.webp);
  --tx-pickguard:url(/gear/vintage/pickguard.webp);
  --tx-fretboard:url(/gear/vintage/fretboard.webp);
  --tx-hero-radio:url(/gear/vintage/hero-radio.webp);--tx-hero-jam:url(/gear/vintage/hero-jam.webp);--hero-pad:34%;
}
html[data-gear=studio]{ ...same names under /gear/studio/... (enclosure-0..3 may all point at one matte-black file) }
html[data-gear=scifi]{ ...same names under /gear/scifi/... }
html.gear .vu{background:var(--tx-vu-face) center/cover} (add with the VU face file)
*/