/* Hero-only atmosphere; the shared white page and black type remain unchanged. */
.homepage-smoke .hero { isolation: isolate; }
.homepage-smoke .hero-bg { z-index: 0; pointer-events: none; }
.homepage-smoke .hero-bg::after { z-index: 0; }
.homepage-smoke .hero-inner { z-index: 2; }
.homepage-smoke .hero .lede { color: #444; }
.hero-smoke {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  filter: blur(1px);
  /* Let the smoke fill the frame while keeping a quiet pocket behind the copy. */
  mask-image: radial-gradient(ellipse 38% 42% at 50% 46%, #0005 0%, #0009 50%, #000 100%);
}
@media (max-width: 700px) {
  .hero-smoke {
    mask-image: radial-gradient(ellipse 60% 45% at 50% 42%, #0004 0%, #0008 65%, #000 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-smoke { filter: none; }
}