body.sv-motion-active {
  background:
    radial-gradient(circle at 52% -18%, rgba(255, 0, 255, 0.12), transparent 34rem),
    linear-gradient(180deg, #100513 0%, #08030a 42%, #050206 100%);
}

body.sv-motion-active .wrapper,
body.sv-motion-active .footer,
body.sv-motion-active .first-visit {
  position: relative;
  z-index: 1;
}

.sv-motion-canvas {
  pointer-events: none;
  user-select: none;
}

.sv-motion-bg,
.sv-motion-canvas--bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0.74;
}

.sv-motion-host {
  isolation: isolate;
}

.header-holder.sv-motion-host {
  position: relative;
  overflow: visible;
}

.header-holder .sv-motion-canvas--blade,
.header-nav .sv-motion-canvas--reactor {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.header-holder .sv-motion-canvas--blade {
  z-index: 0;
  opacity: 0.46;
  mix-blend-mode: screen;
}

.header-holder > .container,
.header-holder .search,
.header-holder .header-inner {
  position: relative;
  z-index: 1;
}

.header-nav.sv-motion-host {
  overflow: hidden;
}

.header-nav .sv-motion-canvas--reactor {
  z-index: 0;
  opacity: 0.38;
  mix-blend-mode: screen;
}

.header-nav.sv-motion-host > .container {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .sv-motion-bg {
    opacity: 0.54;
  }

  .header-holder .sv-motion-canvas--blade {
    opacity: 0.32;
  }
}