/*
 * /agencies/ — page-specific extras on top of components/kosh-page.css.
 * Everything else (layout, motion) comes from the Kosh page system.
 */

/* Item titles that are h3s: body font like the reference card titles */
.page-main h3.kp-svc__title { font-family: var(--font-body); letter-spacing: 0; }

/* Upper-case item titles (pillars, steps, capabilities): set as a spaced label so the caps read calmly */
.page-main h3.kp-x-ag-caps {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  letter-spacing: .12em;
  color: var(--text-primary);
}

/* The model: the two lines under the heading */
.kp-x-ag-intro p { margin-top: 20px; max-width: 360px; font-size: var(--fs-body); color: var(--text-secondary); }
.kp-x-ag-intro p + p { margin-top: 12px; color: var(--text-tertiary); }

/* Dark band: blush emphasis, principle titles as upper-case serif lines */
.kp-x-ag-dark .kp-hl em { color: var(--color-tertiary); }
.page-main h3.kp-x-ag-principle {
  font-family: var(--font-heading);
  font-size: clamp(20px, 1.8vw, 24px);
  font-weight: var(--fw-heading);
  line-height: 1.3;
  letter-spacing: .04em;
}
.kp-x-ag-dark .kp-svc { padding-bottom: 40px; }

/* Markets: wider aside paragraph, region tag above each card */
.kp-x-ag-aside { max-width: 440px; }
.kp-x-ag-tag {
  display: block;
  font-size: 11px;
  font-weight: var(--fw-medium);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--color-secondary);
}

/* In practice: figure without default margins, kicker above the mark */
.kp-x-ag-practice { padding-top: 0; }
.kp-x-ag-practice .kp-statement { margin: 0; }

/* Confidentiality / client involvement headings */
.kp-x-ag-terms { padding-top: 0; }
.page-main .kp-x-ag-pair-hl { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; }

/* Final CTA: the emphasised words in blush on the maroon band */