/* ===========================================================
   services-archive.css
   =========================================================== */

.archive--services { padding-top: 160px; }
.archive__header { margin-bottom: var(--vc-s-12); max-width: 760px; }
.archive__header--centered { text-align: center; margin-inline: auto; }
.archive__title { font-size: clamp(2.5rem, 6vw + 1rem, 5rem); margin: var(--vc-s-2) 0; }
.archive__intro { font-size: var(--vc-text-lg); color: var(--vc-fg-soft); }
.archive__filters { display: flex; gap: var(--vc-s-2); flex-wrap: wrap; margin-bottom: var(--vc-s-8); }
.archive__filter { padding: 8px 16px; border: 1px solid var(--vc-line); border-radius: 999px; font-size: var(--vc-text-sm); color: var(--vc-fg-soft); }
.archive__filter:hover { border-color: var(--vc-fg); color: var(--vc-fg); }
.archive__filter.is-active { background: var(--vc-fg); color: var(--vc-bg); border-color: var(--vc-fg); }
.archive__empty { padding: var(--vc-s-16) 0; text-align: center; color: var(--vc-muted); }