/* Hero-only production override. Kept separate so cached application CSS cannot
   preserve the former dark headline blur after a release. */
.hero-copy,
.bh-hero-copy {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hero h1,
.bh-hero h1 {
  text-shadow: none !important;
}

/* The old halo used a large translucent compositing box. Some desktop GPUs
   rasterize that box as an opaque rectangle, so remove the layer itself. */
.home-hero-atmosphere::before {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  animation: none !important;
}

@keyframes bubbleHoodReducedBubbleRise {
  0% { opacity: 0; transform: translate3d(0, 32px, 0) scale(.8); }
  14% { opacity: .34; }
  56% { opacity: .28; transform: translate3d(calc(var(--bubble-drift) / 3), -54vh, 0) scale(.96); }
  88% { opacity: .2; }
  100% { opacity: 0; transform: translate3d(var(--bubble-drift), -108vh, 0) scale(1.08); }
}

@keyframes bubbleHoodReducedOrbit {
  from { opacity: .42; transform: translate(-50%, -50%) rotate(-8deg); }
  50% { opacity: .68; }
  to { opacity: .42; transform: translate(-50%, -50%) rotate(352deg); }
}

@keyframes bubbleHoodReducedBhOrbit {
  from { rotate: 0deg; }
  to { rotate: 360deg; }
}

@keyframes bubbleHoodReducedBlink {
  0%, 55% { opacity: .9; }
  56%, 100% { opacity: .34; }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-atmosphere.is-running .home-hero-bubble-stream i {
    animation: bubbleHoodReducedBubbleRise 18s linear infinite !important;
  }

  .home-hero-atmosphere.is-running .home-hero-orbit {
    animation: bubbleHoodReducedOrbit 28s linear infinite !important;
  }

  .home-hero-atmosphere.is-running .home-hero-orbit--inner {
    animation-direction: reverse !important;
    animation-duration: 22s !important;
  }

  .bh-hero-atmosphere::before,
  .bh-hero-atmosphere::after {
    animation: bubbleHoodReducedBhOrbit 28s linear infinite !important;
  }

  .bh-hero-atmosphere::after {
    animation-direction: reverse !important;
    animation-duration: 22s !important;
  }

  .bh-hero-atmosphere > i {
    animation: bubbleHoodReducedBlink 4.8s steps(2, end) infinite !important;
  }
}