/* /services/ formal white — chrome via k-white; content type = old About id=7 (not /work/ tokens) */
body.page-services{--svc-black:#10100e;--svc-ink:#000;--svc-mute:#999;--acc:#dfff00}
body.page-services .logo img{filter:none!important}
body.page-services .logo{filter:none!important;mix-blend-mode:normal!important}

/* left filt = site nav four items (not work cats) */
body.page-services .leftnavjs .ttl{display:none}
body.page-services .leftnavjs .filt{
  display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;
}
body.page-services .leftnavjs .filt a{
  display:inline-block;font-size:14.5px;line-height:30.53px;font-weight:400;color:#111;
  text-decoration:none;padding:0 6px;margin:0 0 2px;width:fit-content;
}
body.page-services .leftnavjs .filt a.on,
body.page-services .leftnavjs .filt a[aria-current="page"]{
  background:var(--acc,#dfff00);color:#111;
}

/* main content: old About hierarchy @ ~1280 look */
.svc{
  max-width:8.6em; /* visual width akin to old .w86 / topleft */
  max-width:min(620px,100%);
  padding-top:8px;
}
.svc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 28px}
.svc-lead{
  margin:0;max-width:36em;
  font-family:Inter,"PingFang SC","Source Han Sans CN","Microsoft YaHei",Arial,sans-serif;
  font-size:clamp(26px,2.6vw,33px);
  font-weight:700;
  line-height:1.7;
  color:var(--svc-black,#10100e);
  letter-spacing:normal;
}
.svc-works{
  flex:none;font-size:13.7px;line-height:1.9;color:#000;text-decoration:none;
  white-space:nowrap;margin-top:0.4em;
}
.svc-works:hover{border-bottom:1px solid currentColor}
.svc-intro{
  margin:0 0 28px;
  font-family:Inter,"PingFang SC","Source Han Sans CN","Microsoft YaHei",Arial,sans-serif;
  font-size:13.7px;font-weight:400;line-height:1.9;color:#000;
}
.svc-collage{display:block;width:100%;height:auto;margin:0 0 36px}
.svc-join-title{
  margin:0 0 12px;
  font-family:Inter,"PingFang SC","Source Han Sans CN","Microsoft YaHei",Arial,sans-serif;
  font-size:13.7px;font-weight:400;line-height:1.9;color:var(--svc-black,#10100e);
}
.svc-join{
  margin:0 0 20px;
  font-family:Inter,"PingFang SC","Source Han Sans CN","Microsoft YaHei",Arial,sans-serif;
  font-size:13.7px;font-weight:400;line-height:1.9;color:var(--svc-mute,#999);
}
.svc-join p{margin:0 0 1.1em;color:inherit;font:inherit}
.svc-join p:last-child{margin-bottom:0}
.svc-qr-note{
  margin:8px 0 12px;
  font-size:13.7px;line-height:1.9;color:var(--svc-mute,#999);
}
.svc-qr{display:block;width:187px;height:187px;margin:0 0 28px;object-fit:contain}
.svc-resume{
  margin:0 0 48px;
  font-family:Inter,"PingFang SC","Source Han Sans CN","Microsoft YaHei",Arial,sans-serif;
  font-size:clamp(26px,2.6vw,33px);
  font-weight:700;line-height:1.7;color:var(--svc-black,#10100e);
}
.svc-resume a{color:inherit;text-decoration:none}
.svc-resume a:hover{border-bottom:1px solid currentColor}

@media (max-width:820px),(max-width:1023px) and (max-height:560px){
  .svc-top{flex-direction:column;gap:12px}
  .svc-lead,.svc-resume{font-size:26px;line-height:1.55;font-weight:700}
  .svc-qr{width:160px;height:160px}
}