/* 06-components/_cta.css — .c-cta: the closing call to action. A bordered surface, a title, one line, and
   the site's one pine button (Kontakt). Where the hero already spends the page's pine button, the cta
   carries the default c-button instead; the view decides, the component allows both. */
.c-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-md) var(--space-xl); padding: var(--space-xl); background: var(--surface); border: var(--stroke) solid var(--rule); border-radius: var(--radius-md); }
.c-cta__text { display: flex; flex-direction: column; gap: var(--space-2xs); flex: 1 1 24rem; min-width: 0; }
.c-cta__title { font-size: var(--text-xl); font-weight: var(--weight-semibold); line-height: var(--leading-tight); }
.c-cta__lede { color: var(--ink-muted); font-size: var(--text-base); max-width: var(--measure-prose); }
.c-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm) var(--space-md); }