/* ctaband — closing call-to-action band.
   Navy ground, never the CTA colour: a band that uses the button's own colour
   as its background leaves the button with nothing to stand out against. */
.ctaband { background: var(--color-navy); color: var(--color-white); text-align: center; padding: 64px 0; }
.ctaband__inner {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: 0 var(--margin);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.ctaband__headline {
  font-family: var(--font-display-condensed);
  font-weight: var(--weight-poster-heavy);
  text-transform: uppercase;
  font-size: var(--fs-section-headline);
  line-height: .95;
  margin: 0;
  max-width: 18ch;
  text-wrap: balance;
  letter-spacing: .01em;
}
.ctaband__body { color: #ffffffd1; max-width: 60ch; margin: 0; }

.ctaband__lockup-eyebrow {
  color: var(--color-white);
  font-family: var(--font-ui);
  font-weight: var(--weight-bold);
  font-size: 14px;
  letter-spacing: .84px;
  line-height: .85;
  text-transform: uppercase;
  margin: 0;
}
.ctaband__lockup-logo {
  --lockup-w: clamp(96px, 9vw, 128px);
  color: var(--color-white);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  line-height: 0;
}
.ctaband__lockup-logo svg { display: block; height: auto; }
.ctaband__lockup-flag,
.ctaband__lockup-wordmark { width: var(--lockup-w); height: auto; flex-shrink: 0; }

.ctaband .btn:focus-visible { outline-color: var(--color-white); }