.scene-hero > .hero-content {
  pointer-events: none !important;
}
.scene-hero > .hero-content a,
.scene-hero > .hero-content button,
.scene-hero > .hero-content [tabindex] {
  pointer-events: auto !important;
}
.scene-hero > .hero-brain-stage {
  position: absolute !important;
  z-index: 2 !important;
  top: 52% !important;
  right: clamp(104px, 9vw, 132px) !important;
  left: auto !important;
  width: min(44vw, 620px) !important;
  height: min(72vh, 600px) !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}
.scene-hero > .hero-brain-stage .hero-brain-frame {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
}
.scene-hero > .hero-brain-stage .brain-signal { display: none !important; }
@media (min-width: 851px) {
  .scene-hero > .scene-side-arrow--right {
    top: auto;
    right: clamp(18px, 2vw, 30px);
    bottom: clamp(72px, 12vh, 104px);
  }
}
@media (max-width: 850px) {
  .scene-hero > .hero-content {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 18px !important;
  }

  .scene-hero > .hero-brain-stage {
    position: relative !important;
    top: auto !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    height: min(70vw, 460px) !important;
    margin: -12px auto 0 !important;
    transform: none !important;
  }
}
@media (min-width: 851px) and (max-width: 1100px) {
  .scene-hero > .hero-content {
    padding-right: 56% !important;
  }

  .scene-hero .hero-title {
    max-width: 100% !important;
    font-size: clamp(3.2rem, min(8.2vw, 12vh), 5.8rem) !important;
  }

  .scene-hero .hero-deck {
    max-width: 330px !important;
  }

  .scene-hero > .hero-brain-stage {
    right: clamp(64px, 7vw, 84px) !important;
    width: min(38vw, 420px) !important;
  }
}

@media (max-width: 600px) {
  .scene-hero > .hero-brain-stage {
    height: clamp(390px, 120vw, 480px) !important;
  }
}
