/* Selected direction: Convergence, with the same composition as option 02. */
.hero-convergence .hero-art > canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.hero-convergence .hero-shade {
  background: linear-gradient(90deg,#20142099,#20142033 42%,transparent 67%);
}
.hero-convergence .hero-copy > p { color: #d8c1cf; }
.hero-convergence #motion-toggle { display: inline-flex; align-items: center; width:44px; height:44px; }
.hero-convergence #motion-toggle[hidden],
.hero-convergence.motion-reduced #motion-toggle { display: none; }
@media(max-width:760px) {
  .hero.hero-convergence { min-height: max(720px,100svh); padding-bottom: 280px; }
  .hero-convergence .hero-shade {
    background: linear-gradient(180deg,#201420aa,#20142077 44%,#20142000 72%);
  }
}
@media(prefers-reduced-motion:reduce) {
  .hero-convergence #motion-toggle { display: none; }
}