/* ==========================================================================
   Peak Hire Services — FinTech & Specialist Talent
   Depth page. The homepage introduces this capability; here it is argued in
   full. Composition deliberately differs from the homepage section: editorial
   capability rows rather than narrow columns, and a whole dark section — not a
   panel — for Risk, Audit & Compliance.
   ========================================================================== */

/* --- Hero: type-led. The homepage owns the talent map; this page opens on
   typography and a capability strip so the answer to "what do they cover?"
   lands inside the first viewport. ---------------------------------------- */
.page-hero{
  background:var(--midnight); color:var(--fg-dark);
  position:relative; overflow:hidden; isolation:isolate;
  padding-block:calc(var(--header-h) + clamp(56px,7vw,104px)) clamp(56px,6vw,88px);
}
.page-hero__inner{ position:relative; z-index:1; max-width:940px; }
.page-hero__title{ color:#F3F5F8; margin-top:var(--s5); max-width:19ch; }
.page-hero__lead{ margin-top:var(--s6); max-width:62ch; color:#9FADBB; font-size:var(--t-lead); line-height:1.62; }
.page-hero__actions{ margin-top:var(--s7); }

.capstrip{
  position:relative; z-index:1; margin-top:clamp(48px,6vw,80px);
  padding-top:var(--s5); border-top:1px solid rgba(197,150,55,.30);
  display:flex; flex-wrap:wrap; gap:var(--s3) 0;
}
.capstrip li{
  font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--gold-light); padding-right:var(--s5); margin-right:var(--s5);
  border-right:1px solid rgba(214,222,231,.18); line-height:1.6;
}
.capstrip li:last-child{ border-right:0; margin-right:0; padding-right:0; }
@media (max-width:620px){
  .capstrip li{ padding-right:var(--s4); margin-right:var(--s4); font-size:10px; }
}

/* --- Specialist search argument ----------------------------------------- */
.argument__grid{
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(32px,5vw,80px); align-items:start;
}
@media (max-width:980px){ .argument__grid{ grid-template-columns:minmax(0,1fr); gap:var(--s7); } }
.principles{ border-top:1px solid var(--rule); }
.principle{
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--s4);
  padding-block:var(--s5); border-bottom:1px solid var(--rule); align-items:start;
}
.principle h3{ font-size:15.5px; font-weight:600; color:var(--fg); letter-spacing:-.006em; }
.principle p{ margin-top:6px; font-size:14.5px; color:var(--fg-body); line-height:1.55; }

/* --- Capability architecture: editorial rows, not columns ---------------- */
.caparch{ border-top:1px solid var(--rule); }
.caprow{
  display:grid; grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
  gap:clamp(24px,4vw,64px);
  padding-block:clamp(28px,3.4vw,44px);
  border-bottom:1px solid var(--rule);
}
@media (max-width:900px){ .caprow{ grid-template-columns:minmax(0,1fr); gap:var(--s5); } }
.caprow__name{
  font-family:var(--serif); font-weight:400;
  font-size:clamp(23px,1.1rem + 1.15vw,32px); line-height:1.1; letter-spacing:-.02em;
  color:var(--fg);
}
.caprow__note{ margin-top:var(--s3); font-size:14.5px; color:var(--fg-soft); line-height:1.55; max-width:34ch; }
.caprow__list{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px var(--s5); align-content:start;
}
@media (max-width:1119px){ .caprow__list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px){ .caprow__list{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px var(--s4); } }
.caprow__list li{ display:flex; gap:10px; font-size:14.5px; color:var(--fg-body); line-height:1.5; }
@media (max-width:520px){ .caprow__list li{ font-size:13px; } }
.caprow--linked .caprow__list{ display:block; }
.caprow__pointer{ font-size:15px; color:var(--fg-body); line-height:1.6; max-width:46ch; }
.caprow__pointer .btn--text{ margin-top:var(--s4); }

/* --- Risk, Audit & Compliance: a whole section, not a panel -------------- */
.rac__head{ max-width:60ch; }
.rac__grid{
  margin-top:clamp(40px,5vw,72px);
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,3.4vw,52px);
}
@media (max-width:860px){ .rac__grid{ grid-template-columns:minmax(0,1fr); gap:var(--s6); } }
.rac__col{ padding-top:var(--s5); border-top:1px solid rgba(197,150,55,.34); }
.rac__word{
  font-family:var(--serif); font-weight:400;
  font-size:clamp(30px,1.2rem + 2.4vw,52px); line-height:1; letter-spacing:-.024em;
  color:var(--gold-light);
}
.rac__col ul{ margin-top:var(--s5); display:flex; flex-direction:column; gap:11px; }
.rac__col li{ display:flex; gap:11px; font-size:14.5px; color:var(--fg-dark-soft); line-height:1.5; }
@media (max-width:860px){
  .rac__col ul{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px var(--s4); }
}
.rac__foot{ margin-top:clamp(40px,5vw,72px); padding-top:var(--s5); border-top:1px solid var(--rule-dark); max-width:62ch; }

/* --- Judgement: editorial, distinct wording from the homepage ------------ */
.judge__grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,5vw,80px); align-items:start;
}
@media (max-width:900px){ .judge__grid{ grid-template-columns:minmax(0,1fr); gap:var(--s5); } }
.judge__closer{
  margin-top:var(--s6); padding-top:var(--s5); border-top:1px solid var(--rule);
  font-family:var(--serif); font-size:clamp(19px,1.05rem + .7vw,25px);
  line-height:1.36; letter-spacing:-.012em; color:var(--fg); max-width:30ch; text-wrap:balance;
}

/* --- Structured search: same device as the homepage, one line deeper ----- */
.searchchain{ margin-top:clamp(40px,5vw,72px); position:relative;
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); }
.searchchain::before{
  content:""; position:absolute; left:0; right:0; top:4px; height:1px;
  background:linear-gradient(90deg,var(--blue),rgba(7,88,186,.5)); opacity:.75;
}
.searchchain__step{ padding-right:var(--s4); }
.searchchain__dot{ display:block; width:7px; height:7px; border-radius:50%; background:var(--gold); margin-bottom:var(--s4); }
.searchchain__label{
  display:block; font-size:10.5px; font-weight:600; letter-spacing:.13em;
  text-transform:uppercase; color:var(--fg); line-height:1.5;
}
.searchchain__text{ margin-top:9px; font-size:13.5px; color:var(--fg-body); line-height:1.5; }
@media (max-width:1023px){
  .searchchain{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s6) var(--s5); }
  .searchchain::before{ display:none; }
  .searchchain__step{ border-top:1px solid var(--rule); padding-top:var(--s4); }
  .searchchain__dot{ margin-top:-4px; }
}
@media (max-width:620px){ .searchchain{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* --- Pan India: typographic, the map stays on the homepage --------------- */
.reach__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,80px); align-items:start; }
@media (max-width:900px){ .reach__grid{ grid-template-columns:minmax(0,1fr); gap:var(--s7); } }
.markets{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--s6); }
.markets li{
  display:flex; align-items:baseline; gap:11px; padding-block:11px;
  border-bottom:1px solid var(--rule); font-size:15.5px; color:var(--fg);
}
.markets li span.city{ font-weight:600; }
.markets li em{ font-style:normal; font-size:12.5px; color:var(--fg-soft); margin-left:auto; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:520px){ .markets{ grid-template-columns:minmax(0,1fr); } }
.reach__note{ margin-top:var(--s5); font-size:13px; color:var(--fg-soft); }