/* ============================================================
   hdw site kit · SERVICES
   The services page only, loaded between components and responsive.
   The opening line, and a service's name with its line under it.
   Every value is a token.
   ============================================================ */

/* ---- the opening line: a small label over it, a grey line under it ---- */
.services-intro{
  display:grid;gap:var(--s-3);justify-items:start;
  padding:calc(var(--top-h) + var(--s-7)) var(--edge) var(--s-10);
}
.services-intro .statement{padding:0;}
.services-intro p{line-height:var(--lh-text);max-width:var(--measure);}

/* ---- a service: its name, then what it is in grey ---- */
.service-label{display:grid;gap:var(--s-2);align-content:start;}
.service-label p{line-height:var(--lh-text);}