/* One continuous backdrop keeps section boundaries from creating color seams. */
.grid-bg:has(> main) { background-image: none; background-color: #080808; }
main:has(> #top) {
  background:
    radial-gradient(ellipse 90% 20% at 85% 25%, #74151b26, transparent 100%),
    radial-gradient(ellipse 85% 22% at 12% 63%, #7b14201f, transparent 100%),
    linear-gradient(180deg, #050505 0%, #101012 22%, #171012 41%, #101013 64%, #160c0e 83%, #080808 100%);
}
main #top { background: transparent; }
main > section { background-color: transparent; border-top-color: transparent; }
main > section .hero-vignette {
  background: radial-gradient(ellipse at center, transparent 35%, #00000020 100%);
}
main > section > .bg-gradient-to-b { display: none; }
main > .px-6 > .max-w-5xl { padding-top: 24px; padding-bottom: 24px; }
main > .px-6 > .max-w-5xl > .h-px { opacity: .35; }
