/* Webflow renders components in Shadow DOM, so the element that has to sit behind
   the content is the HOST, not anything inside it. Styling .root instead would
   position it against the nearest positioned ancestor outside the component and
   let it escape the section. The parent section must be position: relative. */
:host {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

/* Plain filling block: fills the host in Webflow, fills the stage in the
   light-DOM preview harness where :host matches nothing. min-height keeps it
   visible in the preview; a real section is always taller than this. */
.kd8lH1Oq2XztsQKHNV_l {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 220px;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}

.K53njojhV8IDq4VH3meN {
  display: block;
  width: 100%;
  height: 100%;
}

/* Vignette on the canvas itself so both the grid lines and the travelling dots
   fade together toward the edges, instead of stopping in a hard rectangle. */
.PiVild8wnQ1IjgbgLOVP {
  mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 40%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 40%, transparent 100%);
}

.pUb0rNfMWUvVQxsWvb3e {
  background: none;
}

.k8zBgtoLodOJncl5xvXL {
  background: radial-gradient(120% 120% at 50% 0%, #17203a 0%, #0a0e1a 55%, #06080f 100%);
}

.djDzYUOQxAQKx3owLgr4 {
  background: radial-gradient(120% 120% at 50% 0%, #2b3345 0%, #1b2130 55%, #141924 100%);
}

.n0dCvYo3BiFUME_6rcIE {
  background: radial-gradient(120% 120% at 50% 0%, #ffffff 0%, #eef1f7 55%, #e3e8f1 100%);
}

/* The house Platinum, #E5E3D2 — a warm pale ground rather than Light's cool one. */
.ow0edwssBnjZXXcHhgmq {
  background: radial-gradient(120% 120% at 50% 0%, #ece9db 0%, #e5e3d2 55%, #dcd9c3 100%);
}