/* ============================================================
   THUNDERWORKFLOW · STORM (merged into hero, not a widget)
   No box, no border — pure atmospheric storm bleeding into the page.
   ============================================================ */

.vlt-storm-mini{
  position: absolute;
  right: 0;
  top: 0;
  width: 55%;
  height: 100%;
  overflow: hidden;
  pointer-events: auto;
  z-index: 2;
  /* fade into the page on the left edge so it merges seamlessly */
  -webkit-mask-image: linear-gradient(
    to left,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 50%,
    rgba(0,0,0,.7) 75%,
    rgba(0,0,0,0) 100%
  );
          mask-image: linear-gradient(
    to left,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 50%,
    rgba(0,0,0,.7) 75%,
    rgba(0,0,0,0) 100%
  );
}
.vlt-storm-mini canvas{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}

/* hide the old widget label/tag — storm is now part of the site */
.vlt-storm-mini__label,
.vlt-storm-mini__tag{ display: none; }



@media (max-width: 880px) {
  .vlt-storm-mini {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 1000 !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    overflow: hidden !important;
  }
  .vlt-storm-mini canvas {
    width: 100% !important;
    height: 100% !important;
  }
}