/* SERVICES / PROJECT INQUIRIES (2026-11-04). V1 tokens; same page frame as About. The header link and its placement
   are in site-v5.css (one row with Work and About). */
.sv{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--m);padding-top:clamp(96px,26vh,240px)}
.sv .sv-head{grid-column:1/2;align-self:start}
.sv .sv-lead{font-size:16px;line-height:23px;max-width:28ch;margin:0}
.sv .sv-list{grid-column:2/5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--m) * 4) var(--m);margin:0;padding:0;list-style:none}
.sv .sv-list li{border-top:1px solid var(--ink);padding-top:12px}
.sv .sv-list h2{font:500 clamp(22px,2.6vw,34px)/1.05 var(--font);letter-spacing:-.015em;margin:0 0 12px}
.sv .sv-list p{margin:0 0 10px;max-width:46ch;font-size:13.5px;line-height:20px}
.sv .sv-work{color:var(--mute);font-size:12px}
.sv .sv-work a{color:var(--ink)}
.sv .sv-foot{grid-column:2/5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--m);margin-top:calc(var(--m) * 6)}
.sv .sv-steps{margin:0;padding-left:1.2em}
.sv .ph{color:var(--mute)}
@media (max-width:760px){
  .sv{padding-top:clamp(64px,14vh,150px)}
  .sv .sv-head,.sv .sv-list,.sv .sv-foot{grid-column:1/-1}
  .sv .sv-list,.sv .sv-foot{grid-template-columns:1fr}
}