/* =====================
   WideFrame — CSS (lavender blue version, HALF-LEFT)
   ===================== */

.home-neon-frame.lavender {
  --glow-scale: 1;
  --glow-alpha: 1;

  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(104vw, 1560px);

  top: -42.5px;
  bottom:  540px;

  border-radius: 10px;
  background: transparent;
  pointer-events: none;
  z-index: 3;

  /* HALF-LEFT mask with relaxed margins */
  clip-path: inset(-200px 50% -200px -200px);   /* top right bottom left */
  -webkit-clip-path: inset(-200px 50% -200px -200px);

  /* External halo (LAVENDER BLUE) */
  box-shadow:
    0 0 12px rgba(142,138,255,0.97),
    0 0 26px rgba(142,138,255,0.87),
    0 0 51px rgba(142,138,255,0.72);
}

.home-neon-frame.lavender::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: transparent;
  pointer-events: none;
  box-shadow:
    0 0 0 4.6px #9c8cff,
    inset 0 0 calc(7px * var(--glow-scale))  rgba(142,138,255, calc(0.97 * var(--glow-alpha))),
    inset 0 0 calc(15px * var(--glow-scale)) rgba(142,138,255, calc(0.72 * var(--glow-alpha)));
  filter: drop-shadow(0 0 calc(7px * var(--glow-scale)) rgba(142,138,255, calc(0.87 * var(--glow-alpha))));
}