/* RK CTA Band */

.rk-cta-band {
  position: relative;
  overflow: hidden;
  background-color: var(--rk-brown-2);
  color: var(--rk-cream);
  border-block: 3px solid var(--rk-orange);
  text-align: center;
  padding-block: 4.5rem;
  font-family: var(--rk-font-body);
  font-size: 1.125rem;
  line-height: 1.6;
}

.rk-cta-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(40rem 20rem at 50% 130%, rgba(236, 78, 32, 0.35), transparent 65%),
    linear-gradient(rgba(42, 22, 21, 0.72), rgba(42, 22, 21, 0.78));
  pointer-events: none;
}

.rk-ember-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.rk-cta-band .rk-container {
  position: relative;
  z-index: 2;
}

.rk-cta-band h2 {
  font-family: var(--rk-font-display);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  font-size: clamp(2.1rem, 4.5vw, 3.4rem);
  max-width: 34rem;
  margin: 0 auto 1rem;
  color: var(--rk-cream);
  text-wrap: balance;
}

.rk-cta-band .rk-lede {
  max-width: 32rem;
  margin-inline: auto;
  color: var(--rk-sand);
}

.rk-cta-band .rk-kicker {
  color: var(--rk-orange-2);
  justify-content: center;
}

.rk-cta-band .rk-kicker::before {
  display: none;
}

.rk-cta-band .rk-btn {
  margin-top: 1.5rem;
}

@media (prefers-reduced-motion: reduce) {
  .rk-ember-canvas {
    display: none;
  }
}