/* Scrollprise Dark Theme v40.3 — HOMEPAGE PARTICLE HERO
   Experiment branch only. Visual presentation layer.
   Replaces the moving product wall stage with a particle constellation.
*/

html.theme-dark-v40 body[data-page="home"] .artisan-wall-stage.sp-particle-hero-stage {
  position: relative !important;
  height: 690px !important;
  min-height: 690px !important;
  overflow: visible !important;
  perspective: none !important;
  contain: layout !important;
  isolation: isolate;
  background: transparent !important;
}

html.theme-dark-v40 body[data-page="home"] .artisan-wall-stage.sp-particle-hero-stage::before,
html.theme-dark-v40 body[data-page="home"] .artisan-wall-stage.sp-particle-hero-stage::after {
  display: none !important;
}

/* Hide the legacy wall immediately on the dark preview. The JS replaces it. */
html.theme-dark-v40 body[data-page="home"] .artisan-wall-stage .artisan-drift-plane,
html.theme-dark-v40 body[data-page="home"] .artisan-wall-stage .artisan-wall-caption {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-glow {
  position: absolute;
  inset: -8% -10%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(46% 42% at 52% 45%, rgba(128,82,255,.095), transparent 72%),
    radial-gradient(38% 34% at 48% 55%, rgba(20,168,140,.06), transparent 72%),
    radial-gradient(30% 28% at 58% 38%, rgba(255,184,41,.045), transparent 72%);
  filter: blur(18px);
}

html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-canvas {
  position: absolute;
  inset: -12% -10%;
  width: 120%;
  height: 124%;
  z-index: 2;
  display: block;
  pointer-events: none;
  user-select: none;
}

html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-meta {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
  width: min(90%, 520px);
  text-align: center;
  pointer-events: none;
}

html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-kicker {
  display: block;
  color: rgba(255,255,255,.56) !important;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .20em;
  text-transform: uppercase;
}

html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-shape {
  display: inline-block;
  margin-top: 7px;
  color: #b7ff33 !important;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .78;
}

html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-stage.is-shattering .sp-particle-hero-shape {
  color: rgba(255,184,41,.88) !important;
}

html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-stage.is-assembling .sp-particle-hero-shape {
  color: rgba(183,255,51,.86) !important;
}

@media (max-width: 1180px) {
  html.theme-dark-v40 body[data-page="home"] .artisan-wall-stage.sp-particle-hero-stage {
    height: 650px !important;
    min-height: 650px !important;
  }
}

@media (max-width: 940px) {
  html.theme-dark-v40 body[data-page="home"] .artisan-wall-stage.sp-particle-hero-stage {
    height: 520px !important;
    min-height: 520px !important;
    margin: 0 -15px !important;
  }
  html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-canvas {
    inset: -10% -6%;
    width: 112%;
    height: 120%;
  }
  html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-meta {
    bottom: 20px;
  }
}

@media (max-width: 620px) {
  html.theme-dark-v40 body[data-page="home"] .artisan-wall-stage.sp-particle-hero-stage {
    height: 430px !important;
    min-height: 430px !important;
    margin: 0 -11px !important;
  }
  html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-canvas {
    inset: -8% -8%;
    width: 116%;
    height: 116%;
  }
  html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-kicker {
    font-size: 8px;
  }
  html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-shape {
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.theme-dark-v40 body[data-page="home"] .sp-particle-hero-shape {
    opacity: .62;
  }
}