.services-intro { display: grid; grid-template-columns: 1.3fr .7fr; gap: 2rem; align-items: end; }
.filter-bar { display: flex; flex-wrap: wrap; gap: .55rem; margin: 2rem 0; }
.filter-button { padding: .62rem .8rem; color: var(--muted); border: 1px solid var(--line); border-radius: 999px; background: var(--panel); cursor: pointer; font-weight: 800; }
.filter-button:hover, .filter-button[aria-pressed="true"] { color: var(--ink); border-color: var(--green); background: var(--green); }
.services-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.25rem; }
.service-tile { transition: opacity .2s ease, transform .2s ease; }
.service-tile[hidden] { display: none; }
.service-tile img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.service-tile p { color: var(--muted); }
.service-tile .card-body { min-height: 225px; }
.scope-box { padding: 1.4rem; }
.scope-box h2 { font-size: 1.45rem; }

@media (max-width: 900px) { .services-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 650px) { .services-intro, .services-grid { grid-template-columns: 1fr; } }