/* public/css/services.css — Services Page Styles
   Extracted from views/pages/services.ejs */

/* ── Section layout ──────────────────────────────────────────────────────── */

.services-section-intro {
  padding: 20px 0;
}

.services-section-main {
  padding: 80px 0 60px;
}

/* ── Body text variants ──────────────────────────────────────────────────── */

/* Base colour for descriptive body copy within service cards */
.services-body {
  color: #c3c3c3;
}

/* Body copy that must flush to zero bottom margin (inside flex cards) */
.services-body-flush {
  color: #c3c3c3;
  margin: 0;
}

/* Body copy with extra breathing room below (intro paragraphs) */
.services-body-spaced {
  color: #c3c3c3;
  margin-bottom: 2rem;
}

/* Body copy that fills remaining card height in a flex column card */
.services-body-grow {
  color: #c3c3c3;
  flex-grow: 1;
}

/* ── Lists within service cards ──────────────────────────────────────────── */

.services-list {
  color: #c3c3c3;
  padding-left: 1.2rem;
  margin: 0;
}

/* ── Centred section copy blocks ─────────────────────────────────────────── */

/* Narrow intro copy (640px cap) with bottom spacing */
.services-copy-sm {
  color: #c3c3c3;
  max-width: 640px;
  margin: 0 auto 1.5rem;
}

/* Medium intro copy (780px cap), flush bottom */
.services-copy-md {
  color: #c3c3c3;
  max-width: 780px;
  margin: 0 auto;
}

/* CTA section body copy (680px cap) with larger bottom spacing */
.services-copy-cta {
  color: #c3c3c3;
  max-width: 680px;
  margin: 0 auto 2rem;
}

/* ── Typography accents ──────────────────────────────────────────────────── */

/* Lead sentence under "Why You Shouldn't Hire Us" heading */
.services-lead-text {
  font-size: 1.15rem;
}

/* "Let's get to work." tagline — used alongside .orange-text */
.services-cta-tagline {
  font-size: 1.1rem;
  font-weight: 500;
}