/* Same identity as the studio, with sequential project stages instead of demo cards. */
.studio-site .work-method-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:end;padding:65px 0 55px}
.studio-site .work-method-intro .intro-label{font-size:12px;margin-bottom:24px}
.studio-site .work-method-intro h1{font-size:clamp(40px,4.5vw,64px);line-height:1.13}
.studio-site .work-method-intro>div>p:not(.intro-label){font-size:15px;max-width:45ch}
.studio-site .work-method-intro .quiet{margin-top:15px}
.studio-site .work-type-nav{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 45px;border-bottom:1px solid var(--line)}
.studio-site .work-type-nav a{display:inline-flex;align-items:center;gap:25px;min-height:46px;padding:11px 18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:12px;text-decoration:none}
.studio-site .work-path{display:grid;grid-template-columns:1fr 1.18fr;gap:12%;align-items:start;padding:85px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.studio-site .work-path-heading{position:sticky;top:135px}
.studio-site .work-path-heading>p:first-child{font-size:12px;margin-bottom:20px}
.studio-site .work-path-heading h2{font-size:clamp(36px,3.8vw,54px)}
.studio-site .work-path-heading>p:not(:first-child){margin-top:22px;max-width:37ch;font-size:14px}
.studio-site .work-path-heading .primary{margin-top:28px}
.studio-site .work-path-heading .quiet{display:flex;width:max-content;max-width:100%;margin-top:12px}
.studio-site .work-path-body{min-width:0}
.studio-site .work-stages{list-style:decimal;padding:0 0 0 20px;margin:0}
.studio-site .work-stages li{position:relative;padding:0 0 30px 25px;border-left:1px solid var(--line);margin-left:13px}
.studio-site .work-stages li+li{padding-top:10px}
.studio-site .work-stages li:last-child{padding-bottom:10px}
.studio-site .work-stages li::marker{color:var(--primary);font-size:12px;font-variant-numeric:tabular-nums}
.studio-site .work-stages h3{font-size:23px;letter-spacing:-.035em;line-height:1.3}
.studio-site .work-stages p{font-size:13px;line-height:1.85;margin-top:13px;max-width:48ch}
.studio-site .work-delivery{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:25px 28px;margin-top:32px}
.studio-site .work-delivery h3{font-size:20px;letter-spacing:-.03em;margin-bottom:12px}
.studio-site .work-delivery p{font-size:13px;line-height:1.85}
.studio-site .work-preparation{margin-top:18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px 0}
.studio-site .work-preparation summary{font-size:13px;font-weight:550;cursor:pointer;min-height:30px}
.studio-site .work-preparation p{font-size:13px;line-height:1.85;margin:16px 0 6px}
.studio-site .work-common{display:grid;grid-template-columns:1fr 1.18fr;gap:12%;padding:85px 0;border-bottom:1px solid var(--line)}
.studio-site .work-common h2{font-size:clamp(32px,3.3vw,46px)}
.studio-site .work-common>div>p{font-size:14px;margin-top:24px;max-width:34ch}
.studio-site .work-common dl{margin:0}
.studio-site .work-common dl>div{padding:20px 0;border-bottom:1px solid var(--line)}
.studio-site .work-common dl>div:first-child{padding-top:0}
.studio-site .work-common dt{font-size:15px;font-weight:550;color:var(--ink)}
.studio-site .work-common dd{font-size:13px;color:var(--muted);line-height:1.8;margin:10px 0 0;max-width:45ch}
.studio-site .work-products-note{padding:65px 0}
.studio-site .work-products-note h2{font-size:29px}
.studio-site .work-products-note p{max-width:77ch;font-size:14px;margin-top:22px}
.studio-site .work-products-note .quiet{margin-top:18px}
.studio-site .work-method-main>.service-next{margin:0 0 75px}
@media(hover:hover) and (pointer:fine){.studio-site .work-type-nav a:hover{background:var(--soft);border-color:var(--primary)}}
@media(max-width:1000px){.studio-site .work-path,.studio-site .work-common{gap:7%;grid-template-columns:1fr 1.2fr}.studio-site .work-path-heading{top:115px}.studio-site .work-stages li{padding-left:33px}.studio-site .work-stages h3{font-size:21px}}
@media(max-width:767px){.studio-site .work-method-intro{grid-template-columns:1fr;gap:25px;padding:45px 0 30px}.studio-site .work-method-intro h1{font-size:clamp(36px,9vw,52px)}.studio-site .work-method-intro>div>p:not(.intro-label){font-size:14px}.studio-site .work-type-nav{gap:8px;padding-bottom:30px}.studio-site .work-type-nav a{font-size:11px;gap:14px;padding:10px 13px}.studio-site .work-path{grid-template-columns:1fr;gap:35px;padding:50px 0;scroll-margin-top:100px}.studio-site .work-path-heading{position:static}.studio-site .work-path-heading h2{font-size:38px}.studio-site .work-path-heading>p:not(:first-child){max-width:43ch}.studio-site .work-path-heading .primary{margin-top:24px}.studio-site .work-stages li{padding-left:30px}.studio-site .work-stages h3{font-size:22px}.studio-site .work-stages p{font-size:13px}.studio-site .work-delivery{padding:24px}.studio-site .work-common{grid-template-columns:1fr;gap:30px;padding:50px 0}.studio-site .work-common h2{font-size:33px}.studio-site .work-products-note{padding:45px 0}.studio-site .work-products-note h2{font-size:28px}.studio-site .work-method-main>.service-next{margin-bottom:50px}}