/* ==========================================================================
   cta.css — final booking CTA band (section CSS, loaded on index only).
   Ported from the preview's §9 CTA BAND. Closes the page by funneling back to
   the same Goldie booking action the hero + nav use.
   NO global redefs — .eyebrow/.btn/.section-head live in base.css, .reveal in
   reveal.css. (.cta-row is scoped under #cta here to avoid any global collision.)
   ========================================================================== */

#cta {
  padding-block: clamp(4.5rem, 9vw, 9rem);
  position: relative;
  text-align: center;
}
#cta .wrap {
  position: relative;
}
#cta h2 {
  font-size: var(--step-3);
  font-weight: 300;
}
#cta .sub {
  color: var(--bone-dim);
  margin-top: 0.8rem;
}
#cta .cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  margin-top: 2rem;
}
/* secondary affordance to the services page (button-like; ≥44px via .btn--sm) */
#cta .cta-more {
  margin-top: 1.6rem;
}