/* Hex field background (assets/js/hex-field.js). The script adds
   .hex-field-host to the container and inserts .hex-field as its first child.
   The layer sits behind the container's content and never takes pointer
   input; the script listens for pointer movement on the container itself. */
.hex-field-host{isolation:isolate}
.hex-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#f2f2f2;contain:strict}
.hex-field canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .35s ease}
.hex-field.is-ready canvas{opacity:1}
@media (prefers-reduced-motion:reduce){.hex-field canvas{transition:none}}