.page-inner main > .section:first-child{padding-top:168px}
.page-inner .instrument-brand{display:none}
.page-work{color:var(--paper);background:var(--ink)}
.page-hero{padding:168px var(--pad) 28px}
.page-hero .index{align-items:center;gap:8px;display:flex}
.page-hero .index b{color:#6f8eff;border:1px solid #3051ff47;padding:5px 7px;font-weight:500}
.page-hero h1{letter-spacing:-.045em;margin:22px 0 0;font-family:SyneExact,Manrope,Arial,sans-serif;font-size:clamp(56px,8.4vw,132px);font-weight:400;line-height:.9}
.page-hero h1 em{font-style:italic}
.page-hero .lede{max-width:36rem;margin:28px 0 0;font-size:clamp(17px,1.6vw,20px);line-height:1.55;opacity:.72}
.folio{padding:12px var(--pad) 20px}
.folio-item{border-top:1px solid var(--light-line);grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end;gap:clamp(28px,4vw,72px);padding:clamp(48px,7vw,92px) 0;display:grid}
.folio-item:nth-child(even){grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}
.folio-item:nth-child(even) .folio-cover{order:2}
.folio-cover{background:#18191c;margin:0;overflow:hidden}
.folio-cover img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;transition:transform .7s cubic-bezier(.16,1,.3,1);display:block}
.folio-item:hover img{transform:scale(1.03)}
.folio-meta{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:16px;margin:0 0 18px;font-size:10px;font-weight:700;display:flex}
.folio-meta span:last-child{opacity:.55;text-align:right}
.folio-copy h2{letter-spacing:-.06em;margin:0;font-size:clamp(40px,4.6vw,76px);font-weight:500;line-height:.92}
.folio-copy p{opacity:.72;max-width:36rem;margin:18px 0 0;font-size:16px;line-height:1.6}
.folio-go{letter-spacing:.08em;color:#9eb6ff;margin-top:26px;font-size:10px;font-weight:700;display:inline-block}
.folio-end{border-top:1px solid var(--light-line);padding:clamp(72px,10vw,140px) var(--pad) clamp(90px,12vw,160px)}
.folio-end p{letter-spacing:-.05em;margin:0 0 22px;font-size:clamp(36px,5vw,72px);line-height:.95}
.folio-end a{letter-spacing:.08em;font-size:11px;font-weight:700}
.nav a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:6px}
.service-card h3 a{color:inherit}
.service-scope{padding:10px var(--pad) 20px}
.service-scope h2,.service-path h2{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(36px,5vw,72px);font-weight:400;line-height:.95}
.scope-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}
.scope-item{border-bottom:1px solid var(--line);padding:34px 36px 34px 0}
.scope-item:nth-child(even){border-left:1px solid var(--line);padding-left:36px}
.scope-item span{letter-spacing:.08em;color:var(--blue);font-size:10px;font-weight:700}
.scope-item h3{letter-spacing:-.045em;margin:12px 0;font-size:clamp(26px,2.4vw,40px);font-weight:500;line-height:1}
.scope-item p{opacity:.72;max-width:38rem;margin:0;font-size:16px;line-height:1.6}
.service-path{padding:70px var(--pad) 30px}
.service-step{border-top:1px solid var(--line);grid-template-columns:72px 1fr;gap:18px;padding:26px 0;display:grid}
.service-step b{letter-spacing:.06em;color:var(--blue);padding-top:6px;font-size:11px}
.service-step h3{margin:0 0 8px;font-size:22px;font-weight:500}
.service-step p{opacity:.72;max-width:42rem;margin:0;font-size:16px;line-height:1.6}
.service-fit{padding:10px var(--pad) 0}
.service-fit p{border-top:1px solid var(--line);max-width:46rem;margin:0;padding-top:28px;font-size:18px;line-height:1.55}
.service-end{border-top:1px solid var(--line);align-items:end;gap:28px 48px;padding:clamp(64px,8vw,120px) var(--pad);display:grid;grid-template-columns:1.2fr .8fr}
.service-end p{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(34px,4.5vw,64px);line-height:.95}
.service-end a{letter-spacing:.06em;font-size:12px;font-weight:700}
.service-end .next-service{letter-spacing:-.04em;font-size:clamp(22px,2vw,32px);font-weight:500;line-height:1.15}
.service-end small{letter-spacing:.08em;opacity:.55;margin-bottom:10px;font-size:10px;font-weight:700;display:block}
@media (width<=800px){
  .folio-item,.folio-item:nth-child(even){grid-template-columns:1fr}
  .folio-item:nth-child(even) .folio-cover{order:0}
  .page-hero{padding-top:120px}
  .page-inner main > .section:first-child{padding-top:120px}
  .scope-grid{grid-template-columns:1fr}
  .scope-item,.scope-item:nth-child(even){border-left:0;padding-left:0;padding-right:0}
  .service-end{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .folio-cover img{transition:none}
  .folio-item:hover img{transform:none}
}