/**
 * cta-band.css — Shared pre-footer CTA component
 * Used by services.html, industries.html (and other pages adopting .cta-band).
 * About uses its own .about-cta namespace; Home defines its own .cta-band overrides.
 * Depends on: tokens.css
 */

.cta-band {
  background: var(--c-navy);
  padding: var(--sp-7) 0;
  border-top: 1px solid rgba(184, 115, 51, 0.25);
}

.cta-band__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--sp-6);
}

.cta-band__title {
  font-family: var(--font-serif);
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 500;
  color: var(--c-white);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
  max-width: 32ch;
  margin: 0;
}

.cta-band__title em {
  font-style: italic;
  color: var(--c-copper);
}

.cta-band__subtitle {
  font-family: var(--font-sans);
  font-size: var(--fs-small);
  color: rgba(247, 248, 250, 0.75);
  line-height: var(--leading-relaxed);
  max-width: 50ch;
  margin: 0;
}

@media (max-width: 768px) {
  .cta-band__inner { flex-direction: column; align-items: center; text-align: center; }
  .cta-band__subtitle { text-align: center; }
}