/* ==========================================================================
   Nextalent — HR Consulting & Employee Transition
   Page-scoped styles. Loaded after style.css, so it wins ties.
   Design frame: 1280px, 52px gutter → 1176px content column.
   ========================================================================== */

.s-hr-consulting-hero,
.s-hr-consulting-principle,
.s-hr-consulting-focus,
.s-hr-consulting-outcomes,
.s-hr-consulting-voice,
.s-hr-consulting-cta {
  /* This practice frame runs on a saturated advisory teal that no token
     covers: the accented word in the headline, the brief card's marks, the
     0% stat and "Bespoke Protocol Suite". --green-900 stays the brand dark
     green on the header button and the closing band's deepest shadow. */
  --hr-teal:        #136A58;
  --hr-teal-deep:   #0E5447;
  --hr-mint:        #DCF1EA;   /* hero panel tint                            */
  --hr-mint-2:      #C6E7DC;   /* its deeper corner                          */
  --hr-mint-soft:   #E4F3EE;   /* "CORE ADVISORY PRINCIPLE" / "Partner Led"  */

  /* the warm half of the palette — measured off the frame, no token covers it */
  --hr-orange:      #F08A5D;   /* the hero CTA                               */
  --hr-orange-ink:  #E5793F;   /* its hover                                  */
  --hr-rust:        #9C4A17;   /* focus rule 01, the 96% numeral             */
  --hr-peach:       #FAE4D4;   /* warm icon tiles                            */
  --hr-cream:       #F5F0E6;   /* the confidential brief card                */
  --hr-beige:       #F4ECDF;   /* the institutional-value band               */
  --hr-inset:       #F7F2E9;   /* inset panels inside the white cards        */
  --hr-inset-warm:  #F8EEE4;   /* the terracotta-tinted response panel       */
  --hr-stone:       #E8E6E1;   /* the neutral icon tile                      */

  --hr-night:       #171A19;   /* the closing band, --green-900 toward black */
  --hr-label:       #8D8578;   /* muted warm grey on the small labels        */
}

/* ---- shared small primitives ------------------------------------------- */
.s-hr-consulting-hero__brief-label,
.s-hr-consulting-principle__pill,
.s-hr-consulting-principle__stat-label,
.s-hr-consulting-principle__check,
.s-hr-consulting-focus__area,
.s-hr-consulting-focus__deliverables-title,
.s-hr-consulting-outcomes__standard-label,
.s-hr-consulting-outcomes__impact-label,
.s-hr-consulting-voice__source,
.s-hr-consulting-voice__response-label,
.s-hr-consulting-voice__response-link,
.s-hr-consulting-cta__note,
.s-hr-consulting-hero__cta,
.s-hr-consulting-hero__pdf {
  font-family: var(--sans);
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  line-height: 1.4;
}

/* the serif card titles across the page */
.s-hr-consulting-hero__brief-title,
.s-hr-consulting-principle__card-title,
.s-hr-consulting-focus__name,
.s-hr-consulting-outcomes__name,
.s-hr-consulting-outcomes__standard-name {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.005em;
  color: var(--ink-900);
  overflow-wrap: break-word;
}

/* base.css resets p / figure / ul but not blockquote, which still carries the
   browser's own 1em 40px margin */
.s-hr-consulting-voice__text { margin: 0; overflow-wrap: break-word; }

/* every inline icon sits on the text baseline-ish, never shrinks */
.s-hr-consulting-hero__mark svg,
.s-hr-consulting-principle__check svg,
.s-hr-consulting-focus__item svg,
.s-hr-consulting-cta__note svg,
.s-hr-consulting-hero__pdf svg,
.s-hr-consulting-voice__response-link svg { flex: none; }

/* ==========================================================================
   1 — hero
   ========================================================================== */
.s-hr-consulting-hero {
  position: relative;
  padding-block: 12px 36px;
  background:
    radial-gradient(520px 300px at 14% 102%, rgba(240, 138, 93, .15), rgba(240, 138, 93, 0) 66%),
    radial-gradient(520px 380px at 90% 4%, rgba(19, 106, 88, .07), rgba(19, 106, 88, 0) 68%),
    var(--bg);
}

.s-hr-consulting-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 374px;
  gap: 52px;
  align-items: start;
}

/* the panel runs to the very top of the band; the copy is pushed down to it */
.s-hr-consulting-hero__copy { padding-top: 40px; }

.s-hr-consulting-hero__tag {
  background: rgba(240, 225, 212, .62);
  border-color: transparent;
  padding: 8px 15px;
  font-size: 10px;
  letter-spacing: .15em;
  margin-bottom: 22px;
}

/* Line 1 is a block so the accented word always opens line 2, whatever the
   measure. Both halves are Newsreader; only the accent is italic teal. */
.s-hr-consulting-hero__title {
  font-family: var(--serif);
  font-size: 52px;
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: -.012em;
  color: var(--ink-900);
  margin-bottom: 20px;
}
.s-hr-consulting-hero__part--lead { display: block; }
.s-hr-consulting-hero__part--accent {
  font-style: italic;
  color: var(--hr-teal);
}

/* the frame sets this at the house lede size (18/1.68), wrapping at ~660px —
   "…outplacement, and" ends line one, "building internal HR capability." line two */
.s-hr-consulting-hero__lede {
  max-width: 660px;
  font-size: 18px;
  line-height: 1.68;
  margin-bottom: 28px;
}

.s-hr-consulting-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 26px;
}

/* the Figma's orange button — a modifier of its own, .btn is left alone */
.s-hr-consulting-hero__cta {
  height: 48px;
  padding: 0 26px;
  background: var(--hr-orange);
  color: var(--green-900);
  font-size: 11px;
  letter-spacing: .12em;
}
.s-hr-consulting-hero__cta:hover { background: var(--hr-orange-ink); }

.s-hr-consulting-hero__pdf {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--hr-teal);
  transition: gap .18s ease, color .18s ease;
}
.s-hr-consulting-hero__pdf:hover { gap: 13px; color: var(--hr-teal-deep); }

/* ---- the confidential brief -------------------------------------------- */
.s-hr-consulting-hero__panel {
  display: flex;
  align-items: flex-end;
  min-height: 360px;
  padding: 104px 12px 16px;
  border-radius: var(--radius-lg);
  background: linear-gradient(158deg, var(--hr-mint) 8%, var(--hr-mint-2) 96%);
}

.s-hr-consulting-hero__brief {
  width: 100%;
  padding: 20px 22px 18px;
  border-radius: var(--radius);
  background: var(--hr-cream);
  box-shadow: var(--shadow-soft);
}

.s-hr-consulting-hero__brief-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.s-hr-consulting-hero__brief-label {
  font-size: 9.5px;
  letter-spacing: .17em;
  color: var(--hr-label);
}
.s-hr-consulting-hero__brief-pill {
  flex: none;
  padding: 5px 11px;
  border-radius: 999px;
  background: #9FE2D2;
  color: var(--hr-teal-deep);
  font-family: var(--sans);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.4;
}

.s-hr-consulting-hero__brief-title {
  font-size: 21px;
  line-height: 1.28;
  margin-bottom: 11px;
}
.s-hr-consulting-hero__brief-body {
  font-size: 13.5px;
  line-height: 1.58;
  color: var(--ink-600);
  margin-bottom: 18px;
}

.s-hr-consulting-hero__marks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
}
.s-hr-consulting-hero__mark {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .01em;
  color: var(--hr-teal);
}

/* ==========================================================================
   2 — core advisory principle
   ========================================================================== */
.s-hr-consulting-principle { padding-block: 46px 54px; }

/* measured off the frame: the card column is 470px with a 50px gutter, which
   leaves the prose column at 656px — the measure its four- and five-line
   paragraphs are set to */
.s-hr-consulting-principle__grid {
  display: grid;
  grid-template-columns: 470px minmax(0, 1fr);
  gap: 50px;
  align-items: start;
}

.s-hr-consulting-principle__card { padding: 26px 26px 24px; }

.s-hr-consulting-principle__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 22px;
}
.s-hr-consulting-principle__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  flex: none;
  border-radius: 11px;
  background: var(--hr-peach);
  color: var(--hr-rust);
}
.s-hr-consulting-principle__pill {
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--hr-mint-soft);
  color: var(--hr-teal);
  font-size: 9px;
  letter-spacing: .13em;
}

/* sized off the frame: the title sets in three lines and the body in four
   inside this card's measure */
.s-hr-consulting-principle__card-title {
  font-size: 27px;
  line-height: 1.26;
  margin-bottom: 14px;
}
.s-hr-consulting-principle__card-body {
  font-size: 16.5px;
  line-height: 1.62;
  color: var(--ink-500);
  margin-bottom: 22px;
}

.s-hr-consulting-principle__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding: 18px 20px 20px;
  border-radius: var(--radius-sm);
  background: var(--hr-inset);
}
.s-hr-consulting-principle__stat-value {
  font-family: var(--serif);
  font-size: 34px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: normal;
  margin-bottom: 7px;
}
.s-hr-consulting-principle__stat-value--rust { color: var(--hr-rust); }
.s-hr-consulting-principle__stat-value--teal { color: var(--hr-teal); }
.s-hr-consulting-principle__stat-label {
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: .1em;
  color: var(--hr-label);
}

/* ---- the prose column --------------------------------------------------- */
.s-hr-consulting-principle__prose { padding-top: 4px; }

.s-hr-consulting-principle__eyebrow {
  font-size: 10px;
  letter-spacing: .15em;
  margin-bottom: 13px;
}
.s-hr-consulting-principle__title {
  font-size: 38px;
  line-height: 1.2;
  margin-bottom: 20px;
  max-width: 660px;
}
/* the short warm rule the frame draws between this heading and the first
   paragraph — nowhere else on the page */
.s-hr-consulting-principle__title::after {
  content: "";
  display: block;
  width: 71px;
  height: 2px;
  margin-top: 18px;
  background: var(--hr-orange);
}
.s-hr-consulting-principle__body {
  font-size: 18px;
  line-height: 1.68;
  margin-bottom: 18px;
}

.s-hr-consulting-principle__checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 26px;
  margin-top: 26px;
}
.s-hr-consulting-principle__check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: none;
  line-height: 1.5;
  color: var(--ink-900);
}
.s-hr-consulting-principle__check svg {
  color: var(--hr-teal);
  margin-top: 1px;
}

/* ==========================================================================
   3 — our focus areas
   ========================================================================== */
.s-hr-consulting-focus {
  padding-block: 50px 56px;
  background: var(--surface-2);
}

.s-hr-consulting-focus__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 470px;
  gap: 48px;
  align-items: end;
  margin-bottom: 30px;
}
.s-hr-consulting-focus__eyebrow {
  font-size: 10px;
  letter-spacing: .15em;
  margin-bottom: 10px;
}
.s-hr-consulting-focus__title { font-size: 38px; }
.s-hr-consulting-focus__desc {
  font-size: 15px;
  line-height: 1.66;
  padding-bottom: 4px;
}

.s-hr-consulting-focus__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.s-hr-consulting-focus__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 26px 24px 24px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
/* the coloured top rule, drawn inside the radius */
.s-hr-consulting-focus__card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--hr-rule);
}
.s-hr-consulting-focus__card--a { --hr-rule: var(--hr-rust);   --hr-tile: var(--hr-peach);  --hr-tone: var(--hr-rust); }
.s-hr-consulting-focus__card--b { --hr-rule: var(--hr-teal);   --hr-tile: #D5EFE6;          --hr-tone: var(--hr-teal); }
.s-hr-consulting-focus__card--c { --hr-rule: var(--hr-orange); --hr-tile: var(--hr-stone);  --hr-tone: #B2662F; }

.s-hr-consulting-focus__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 20px;
}
.s-hr-consulting-focus__area {
  font-size: 9px;
  letter-spacing: .17em;
  color: var(--ink-500);
}
.s-hr-consulting-focus__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  flex: none;
  border-radius: 10px;
  background: var(--hr-tile);
  color: var(--hr-tone);
}

.s-hr-consulting-focus__name {
  font-size: 26px;
  line-height: 1.22;
  margin-bottom: 12px;
}
.s-hr-consulting-focus__body {
  font-size: 16px;
  line-height: 1.62;
  color: var(--ink-500);
  margin-bottom: 26px;
}

.s-hr-consulting-focus__deliverables {
  margin-top: auto;
  padding: 16px 18px 18px;
  border-radius: var(--radius-sm);
  background: var(--hr-inset);
}
.s-hr-consulting-focus__deliverables-title {
  font-size: 8.5px;
  letter-spacing: .14em;
  color: var(--ink-700);
  margin-bottom: 11px;
}
.s-hr-consulting-focus__list { display: grid; gap: 9px; }
.s-hr-consulting-focus__item {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--ink-600);
}
.s-hr-consulting-focus__item svg { color: var(--hr-tone); margin-top: 1px; }

/* ==========================================================================
   4 — measurable institutional value
   ========================================================================== */
.s-hr-consulting-outcomes {
  padding-block: 50px 56px;
  background: var(--hr-beige);
}

.s-hr-consulting-outcomes__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 48px;
  align-items: end;
  margin-bottom: 30px;
}
.s-hr-consulting-outcomes__eyebrow {
  font-size: 10px;
  letter-spacing: .15em;
  margin-bottom: 10px;
}
.s-hr-consulting-outcomes__title {
  font-size: 38px;
  margin-bottom: 14px;
}
.s-hr-consulting-outcomes__lede {
  font-size: 18px;
  line-height: 1.66;
  max-width: 600px;
}

.s-hr-consulting-outcomes__standard { text-align: right; }
.s-hr-consulting-outcomes__standard-label {
  font-size: 8.5px;
  letter-spacing: .15em;
  color: var(--hr-label);
  margin-bottom: 4px;
}
.s-hr-consulting-outcomes__standard-name {
  font-size: 22px;
  line-height: 1.25;
  color: var(--hr-teal);
}

.s-hr-consulting-outcomes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.s-hr-consulting-outcomes__card {
  display: flex;
  flex-direction: column;
  padding: 24px 24px 22px;
  border-radius: var(--radius-lg);
}
.s-hr-consulting-outcomes__card--a { --hr-tile: #DCEDE9; --hr-tone: var(--hr-teal); }
.s-hr-consulting-outcomes__card--b { --hr-tile: var(--hr-peach); --hr-tone: #B2662F; }
.s-hr-consulting-outcomes__card--c { --hr-tile: var(--hr-stone); --hr-tone: var(--ink-700); }

.s-hr-consulting-outcomes__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  flex: none;
  border-radius: 10px;
  background: var(--hr-tile);
  color: var(--hr-tone);
  margin-bottom: 18px;
}

.s-hr-consulting-outcomes__name {
  font-size: 23px;
  line-height: 1.24;
  margin-bottom: 11px;
}
.s-hr-consulting-outcomes__body {
  font-size: 13.5px;
  line-height: 1.62;
  color: var(--ink-500);
  margin-bottom: 24px;
}

.s-hr-consulting-outcomes__impact {
  margin-top: auto;
  padding: 14px 16px 15px;
  border-radius: var(--radius-sm);
  background: var(--hr-inset);
}
.s-hr-consulting-outcomes__impact-label {
  font-size: 8.5px;
  letter-spacing: .14em;
  color: var(--hr-tone);
  margin-bottom: 6px;
}
.s-hr-consulting-outcomes__impact-text {
  font-size: 12.5px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--ink-700);
}

/* ==========================================================================
   5 — client voice + immediate response
   ========================================================================== */
/* the frame runs the institutional-value beige straight through this band and
   up to the closing dark one — no return to the page cream in between */
.s-hr-consulting-voice {
  padding-block: 44px 52px;
  background: var(--hr-beige);
}

.s-hr-consulting-voice__card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 356px;
  gap: 40px;
  align-items: start;
  padding: 28px 32px 30px;
  border-radius: var(--radius-lg);
}

.s-hr-consulting-voice__mark {
  color: var(--hr-orange);
  margin-bottom: 14px;
}
.s-hr-consulting-voice__text {
  font-family: var(--serif);
  font-style: italic;
  font-size: 21px;
  line-height: 1.58;
  letter-spacing: -.005em;
  color: var(--ink-900);
  margin-bottom: 20px;
}
.s-hr-consulting-voice__source {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 9px;
  letter-spacing: .14em;
  color: var(--ink-500);
}
.s-hr-consulting-voice__source::before {
  content: "";
  flex: none;
  width: 7px; height: 7px;
  margin-top: 3px;
  border-radius: 50%;
  background: var(--hr-teal);
}

.s-hr-consulting-voice__response {
  padding: 18px 20px 20px;
  border-radius: var(--radius);
  background: var(--hr-inset-warm);
}
.s-hr-consulting-voice__response-label {
  font-size: 9px;
  letter-spacing: .15em;
  color: var(--terracotta);
  margin-bottom: 11px;
}
.s-hr-consulting-voice__response-body {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ink-600);
  margin-bottom: 16px;
}
.s-hr-consulting-voice__response-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 9.5px;
  letter-spacing: .13em;
  color: var(--hr-teal);
  transition: gap .18s ease, color .18s ease;
}
.s-hr-consulting-voice__response-link:hover { gap: 12px; color: var(--hr-teal-deep); }

/* ==========================================================================
   6 — closing CTA
   ========================================================================== */
.s-hr-consulting-cta {
  padding-block: 62px 48px;
  background:
    radial-gradient(640px 320px at 94% 10%, rgba(19, 106, 88, .38), rgba(19, 106, 88, 0) 72%),
    radial-gradient(540px 300px at 2% 86%, rgba(156, 74, 23, .24), rgba(156, 74, 23, 0) 70%),
    var(--hr-night);
}

.s-hr-consulting-cta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.s-hr-consulting-cta__eyebrow {
  font-size: 10px;
  letter-spacing: .16em;
  color: #4FBCA4;
  margin-bottom: 16px;
}
.s-hr-consulting-cta__title {
  font-size: 52px;
  max-width: 820px;
  margin-bottom: 16px;
}
.s-hr-consulting-cta__lede {
  max-width: 460px;
  font-size: 16px;
  color: var(--on-dark-muted);
  margin-bottom: 26px;
}

.s-hr-consulting-cta__btn {
  height: 48px;
  padding: 0 28px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 26px;
}

.s-hr-consulting-cta__notes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 30px;
}
.s-hr-consulting-cta__note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 9.5px;
  letter-spacing: .1em;
  color: var(--on-dark-faint);
}
.s-hr-consulting-cta__note svg { color: #4FBCA4; }

/* ==========================================================================
   narrow frames — the 1280 design, then two collapses
   ========================================================================== */
@media (min-width: 1025px) and (max-width: 1279px) {
  .s-hr-consulting-hero__grid { grid-template-columns: minmax(0, 1fr) 338px; gap: 36px; }
  .s-hr-consulting-hero__title { font-size: 44px; }
  .s-hr-consulting-principle__grid { grid-template-columns: 440px minmax(0, 1fr); gap: 44px; }
  .s-hr-consulting-focus__head,
  .s-hr-consulting-outcomes__head { gap: 36px; }
  .s-hr-consulting-focus__head { grid-template-columns: minmax(0, 1fr) 420px; }
  .s-hr-consulting-voice__card { grid-template-columns: minmax(0, 1fr) 312px; gap: 32px; }
}

@media (max-width: 1024px) {
  .s-hr-consulting-hero { padding-block: 30px 42px; }
  .s-hr-consulting-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .s-hr-consulting-hero__copy { padding-top: 0; }
  .s-hr-consulting-hero__title { font-size: 42px; }
  .s-hr-consulting-hero__panel { min-height: 0; padding: 20px; }

  .s-hr-consulting-principle { padding-block: 42px 48px; }
  .s-hr-consulting-principle__grid { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .s-hr-consulting-principle__card { max-width: 560px; }
  .s-hr-consulting-principle__prose { padding-top: 0; }
  .s-hr-consulting-principle__title { font-size: 32px; }

  .s-hr-consulting-focus { padding-block: 44px 48px; }
  .s-hr-consulting-focus__head { grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
  .s-hr-consulting-focus__title,
  .s-hr-consulting-outcomes__title { font-size: 34px; }
  .s-hr-consulting-focus__grid,
  .s-hr-consulting-outcomes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

  .s-hr-consulting-outcomes { padding-block: 44px 48px; }
  .s-hr-consulting-outcomes__head { grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start; }
  .s-hr-consulting-outcomes__standard { text-align: left; }

  .s-hr-consulting-voice__card { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 26px 24px 26px; }
  .s-hr-consulting-voice__text { font-size: 19px; }

  .s-hr-consulting-cta { padding-block: 52px 44px; }
}

@media (max-width: 640px) {
  .s-hr-consulting-hero { padding-block: 24px 34px; }
  .s-hr-consulting-hero__title { font-size: 32px; line-height: 1.2; }
  .s-hr-consulting-hero__lede { font-size: 16px; }
  .s-hr-consulting-hero__actions { gap: 14px 18px; }
  .s-hr-consulting-hero__cta { width: 100%; padding: 0 18px; font-size: 10px; letter-spacing: .1em; }
  .s-hr-consulting-hero__panel { padding: 16px; }
  .s-hr-consulting-hero__brief { padding: 18px 16px 16px; }
  /* the Indonesian "Partner Led" row is a sentence, not two words: let the
     pill drop to its own line AND wrap inside, or it runs past 320px */
  .s-hr-consulting-hero__brief-head { flex-wrap: wrap; }
  .s-hr-consulting-hero__brief-pill { flex: 0 1 auto; min-width: 0; }
  .s-hr-consulting-hero__brief-title { font-size: 20px; }

  .s-hr-consulting-principle__card { padding: 20px 18px 20px; }
  .s-hr-consulting-principle__card-head { flex-wrap: wrap; }
  .s-hr-consulting-principle__card-title { font-size: 23px; }
  .s-hr-consulting-principle__stats { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; }
  .s-hr-consulting-principle__title { font-size: 27px; }
  .s-hr-consulting-principle__body { font-size: 16px; }
  .s-hr-consulting-principle__checks { grid-template-columns: minmax(0, 1fr); gap: 12px; }

  .s-hr-consulting-focus__title,
  .s-hr-consulting-outcomes__title { font-size: 28px; }
  .s-hr-consulting-focus__grid,
  .s-hr-consulting-outcomes__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .s-hr-consulting-focus__card { padding: 22px 18px 20px; }
  .s-hr-consulting-focus__name { font-size: 21px; }

  .s-hr-consulting-outcomes__card { padding: 20px 18px 18px; }
  .s-hr-consulting-outcomes__standard-name { font-size: 20px; }

  .s-hr-consulting-voice { padding-block: 36px 44px; }
  .s-hr-consulting-voice__card { padding: 22px 18px 22px; }
  .s-hr-consulting-voice__text { font-size: 17px; line-height: 1.55; }
  .s-hr-consulting-voice__response { padding: 16px; }

  .s-hr-consulting-cta { padding-block: 44px 38px; }
  .s-hr-consulting-cta__title { font-size: 30px; }
  .s-hr-consulting-cta__lede { font-size: 15px; }
  .s-hr-consulting-cta__notes { gap: 10px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .s-hr-consulting-hero__pdf,
  .s-hr-consulting-hero__cta,
  .s-hr-consulting-voice__response-link { transition: none; }
}