/* ---------- compact services strip ---------- */
.services { position: relative; padding-top: clamp(1rem, 2vw, 2rem); }
.services-inner { padding-block: clamp(1.5rem, 3vw, 2.5rem); border-block: 1px solid var(--line-2); }
.services-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem 2rem; margin-bottom: 1.5rem; }
.services-head h2 { margin: 0 0 .35rem; font: 700 2rem/1.1 var(--font-display); }
.services-head p { max-width: 65ch; margin: 0; color: var(--fg-2); font-size: 1rem; }
.services-contact { flex: none; min-height: 44px; }
.services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem 2rem; list-style: none; padding: 0; margin: 0; }
.services-grid li + li { border-left: 1px solid var(--line-2); padding-left: 2rem; }
.services-grid h3 { margin: 0 0 .5rem; color: var(--ember-hi); font-size: 1.1rem; font-weight: 600; line-height: 1.3; }
.services-grid p { margin: 0; color: var(--fg-2); font-size: 1rem; line-height: 1.6; }
@media (max-width: 900px) {
  .services-head { flex-wrap: wrap; }
  .services-grid { gap: 1.5rem; }
  .services-grid li + li { padding-left: 1.5rem; }
}
@media (max-width: 700px) {
  .services-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .services-grid li + li { border-left: 0; border-top: 1px solid var(--line); padding: 1rem 0 0; }
}