/* ─────────────────────────────────────────────
   PRODUCTION SERVICES · Warm Intelligence
   Reuses cap-grid, roster and footer-line; adds
   the two-row service grid, proof stills and FAQ
   ───────────────────────────────────────────── */

/* six services and six countries: 3 × 2 on desktop (single column below 900px comes from brands.css) */
@media (min-width: 901px) {
  .svc-grid .cap-cell:nth-child(3n) { border-right: 0; }
  .svc-grid .cap-cell:nth-child(-n+3) { border-bottom: 1px solid var(--rule); }
  .svc-places .roster__cell:nth-child(3n) { border-right: 0; }
  .svc-places .roster__cell:nth-last-child(-n+3) { border-bottom: 0; }
}
.svc-grid .cap-cell__body a { color: var(--accent); }
.svc-grid .cap-cell__body a:hover { color: var(--accent-deep); }

.svc-places__note {
  color: var(--ink-soft);
  font-size: var(--t-body);
  line-height: var(--leading-body);
  max-width: 62ch;
  margin: var(--s-5) 0 0;
}

/* why Refinery: lede left, three points right */
.svc-why {
  padding: 0 0 var(--s-7);
}
.svc-why__grid {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--s-7);
  padding-top: var(--s-6);
}
.svc-why__lede {
  font-family: var(--font-serif);
  font-size: var(--t-display-md);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: var(--tracking-display);
  margin: 0;
  max-width: 18ch;
}
.svc-why__lede b { font-weight: 600; }
.svc-nb { white-space: nowrap; }
.svc-why__points { display: grid; gap: var(--s-5); }
.svc-why__point {
  display: grid;
  grid-template-columns: 14rem 1fr;
  gap: var(--s-5);
  padding-bottom: var(--s-5);
  border-bottom: 1px solid var(--rule);
  align-items: baseline;
}
.svc-why__point:last-child { border-bottom: 0; padding-bottom: 0; }
.svc-why__label {
  font-family: var(--font-sans);
  font-size: var(--t-label);
  letter-spacing: 0.03em;
  font-weight: 600;
  color: var(--accent);
  margin: 0;
}
.svc-why__roles {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-2) var(--s-5);
  font-family: var(--font-serif);
  font-size: var(--t-title-lg);
  line-height: 1.25;
}
.svc-why__body {
  color: var(--ink-soft);
  font-size: var(--t-body);
  line-height: var(--leading-body);
  max-width: 52ch;
  margin: 0;
}

/* proof: four series */
.svc-proof {
  padding: var(--s-7) 0;
  border-bottom: 1px solid var(--rule);
}
.svc-proof__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s-5);
  margin: 0 0 var(--s-6);
}
.svc-proof__item { margin: 0; display: grid; gap: var(--s-3); align-content: start; }
.svc-proof__item img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--bg-sunken);
}
.svc-proof__name {
  font-family: var(--font-serif);
  font-size: var(--t-title-lg);
  line-height: 1.2;
  margin: 0;
}
.svc-proof__meta {
  font-family: var(--font-sans);
  font-size: var(--t-body-sm);
  color: var(--ink-mute);
  line-height: var(--leading-body);
}
.svc-proof__meta b { color: var(--accent); font-weight: 500; }
.svc-proof__line {
  color: var(--ink-soft);
  font-size: var(--t-body);
  line-height: var(--leading-body);
  max-width: 62ch;
  margin: 0;
}

/* FAQ */
.svc-faq {
  padding: var(--s-7) 0;
}
.svc-faq__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-6) var(--s-7);
  padding-top: var(--s-5);
}
.svc-faq__q {
  font-family: var(--font-serif);
  font-size: var(--t-title-lg);
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 var(--s-3);
}
.svc-faq__a {
  color: var(--ink-soft);
  font-size: var(--t-body);
  line-height: var(--leading-body);
  max-width: 52ch;
  margin: 0;
}

@media (max-width: 1100px) {
  .svc-why__grid { grid-template-columns: 1fr; gap: var(--s-5); }
  .svc-why__lede { max-width: 24ch; }
  .svc-proof__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .svc-why__point { grid-template-columns: 1fr; gap: var(--s-3); }
}
@media (max-width: 600px) {
  .svc-why__roles { grid-template-columns: 1fr; }
  .svc-proof__grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .svc-faq__grid { grid-template-columns: 1fr; gap: var(--s-5); }
}

/* second intro paragraph: the page-head grid gap is enough */
.page-head__sub + .page-head__sub { margin-top: 0; }