/* Banner — closing call to action under a gold glow */

.banner {
  position: relative;
  isolation: isolate;
  text-align: center;
  border-top: 1px solid var(--line);
  overflow: hidden;
}
.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse 55% 60% at 50% 100%, var(--glow-gold), transparent 70%),
    radial-gradient(ellipse 40% 50% at 50% 0%, var(--glow-teal), transparent 70%);
}
.banner .eyebrow {
  justify-content: center;
}
.banner__title {
  margin: 0 auto 1.25rem;
  font-size: clamp(2.5rem, 5vw + 1rem, 4.5rem);
}
.banner__lede {
  max-width: 46ch;
  margin: 0 auto 2.5rem;
  font-size: 1.05rem;
}