/* Numbered service cards: 1 / 2 / 4 columns. */
.grid{display:grid;gap:14px;grid-template-columns:1fr}
.grid a{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.15s;display:block}
.grid a:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(var(--shadow-rgb),.10)}
.grid .n{font-family:var(--head);color:var(--accent-text);font-size:1.1rem;letter-spacing:.05em;display:block;margin-bottom:10px}
.grid h3{margin-bottom:8px}
.grid p{color:var(--ink-2);font-size:.95rem}

@media(min-width:768px){ /* breakpoint: tablet */
  .grid{grid-template-columns:repeat(2,1fr)}
  .grid--3{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1024px){ /* breakpoint: desktop */
  .grid{grid-template-columns:repeat(4,1fr)}
  .grid--3{grid-template-columns:repeat(3,1fr)}
}