/* The call separates the collaboration process from the three competencies. */
.work-page{padding-top:36px;padding-bottom:96px}
.work-page h1{max-width:12ch;font-size:clamp(48px,6vw,84px);line-height:1.04}
.work-intro{max-width:800px;margin:52px 0 64px}.work-intro>p:last-child{max-width:58ch;font-size:21px;line-height:1.6}
.work-first-contact{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line2);padding:32px 0}
.work-first-contact h2{font:600 28px/1.15 Neue,sans-serif;letter-spacing:-.025em;margin:0 0 12px}
.work-first-contact p{margin:0;max-width:45ch;color:var(--ink2)}
.work-first-contact .text-link{color:var(--accentText);white-space:nowrap}
.work-route{margin:16px 0 64px;max-width:1000px}.work-route svg{width:100%;height:auto;overflow:visible;color:var(--accentText)}
.work-route-line{stroke:var(--accentText);stroke-width:1.5}.work-route-nodes circle{fill:var(--canvas);stroke:var(--accentText);stroke-width:2}
.work-route-labels text{font:17px NeueText,sans-serif;fill:var(--ink2);stroke:none}
.work-route-traveller{fill:var(--hand);stroke:none;display:none}.work-route.is-live .work-route-traveller{display:block}
.work-steps{margin:0;max-width:1100px}.work-steps li{grid-template-columns:80px 1fr;padding:44px 0;gap:32px;align-items:start;border-top:1px solid var(--line2)}
.work-number{font:400 44px/1.25 Nothing,cursive;color:var(--hand)}
.work-steps h2{font-size:clamp(28px,3vw,40px);max-width:25ch}.work-steps p{font-size:19px;max-width:65ch}
.services-intro{position:relative}.service-detail-link{grid-column:2;align-self:start;margin-top:16px;color:#fff}
.capability{display:grid;grid-template-columns:1fr 1fr;gap:32px 80px;padding:72px 0;border-top:1px solid var(--line2)}
.capability>header{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:32px}
.capability h2{font:600 clamp(44px,5vw,64px)/1.05 Neue,sans-serif;letter-spacing:-.035em;margin:0}
.capability-hand{font:400 26px/1.5 Nothing,cursive;color:var(--hand)}
.capability-copy h3{font:600 clamp(29px,3vw,40px)/1.12 Neue,sans-serif;letter-spacing:-.03em;color:var(--ink);margin:0 0 22px}
.capability-copy p{font-size:19px;line-height:1.6;color:var(--ink2);max-width:43ch}
.capability-copy ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:0;margin:32px 0 0}
.capability-copy li{padding:16px 0;border-top:1px solid var(--line2);font:17px/1.4 NeueText,sans-serif;color:var(--ink)}
.capability-visual{padding:32px;background:var(--surface);border-radius:16px;align-self:start}
.capability-visual .service-visual{width:100%;min-height:260px;margin:0;color:var(--ink)}
.capability-visual svg{max-width:100%;color:var(--accentText)}
.capability-visual [data-service-label]{color:var(--ink2)}
@media(max-width:900px){.capability{gap:28px 40px}.capability-visual{padding:24px}}
@media(max-width:760px){.work-page{padding-top:24px;padding-bottom:64px}.work-intro{margin:36px 0 40px}.work-page h1{font-size:clamp(42px,11vw,62px)}.work-intro>p:last-child{font-size:17px}.work-first-contact{display:block;padding:24px 0}.work-first-contact .text-link{margin-top:20px}.work-first-contact h2{font-size:25px}.work-route{margin-bottom:40px}.work-route-labels text{font-size:24px}.work-steps li{grid-template-columns:40px 1fr;gap:18px;padding:28px 0}.work-number{font-size:32px}.work-steps h2{font-size:27px}.work-steps p{font-size:16px}.capability{grid-template-columns:1fr;padding:44px 0;gap:24px}.capability>header{display:block;grid-column:auto}.capability h2{font-size:42px}.capability-hand{display:block;margin-top:12px;font-size:22px}.capability-copy h3{font-size:30px}.capability-copy p{font-size:17px}.capability-visual{padding:18px}.service-detail-link{grid-column:1;min-height:44px}}

/* Full collaboration copy supplied by Stas on October 5. */
[data-document-page="how-we-work"] .work-page{max-width:1360px}
.work-page .work-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);max-width:none;margin:40px 0 64px;padding:0}
.work-page .work-intro h1{font-size:clamp(48px,5.8vw,80px);max-width:12ch}
.work-intro-copy p{font:20px/1.6 NeueText,sans-serif;color:var(--ink2);max-width:58ch;margin:0 0 24px}.work-intro-copy p:last-child{margin-bottom:0}
.work-process{margin-bottom:96px}.work-process .work-route{position:relative;max-width:none;margin:0 0 36px}
.work-route>svg{height:40px;display:block}.work-stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.work-route-node{position:absolute;top:13px;width:14px;height:14px;transform:translateX(-50%);border:2px solid var(--accentText);border-radius:50%;background:var(--canvas)}
.work-process .work-route-traveller{position:absolute;top:16.5px;left:12.5%;width:7px;height:7px;transform:translateX(-50%);border-radius:50%;background:var(--hand);pointer-events:none}
.work-stage-tab{display:flex;align-items:baseline;justify-content:center;gap:14px;background:transparent;color:var(--ink2);min-height:60px;padding:8px;font:600 22px/1.3 Neue,sans-serif;text-align:center}
.work-stage-number{font:400 32px/1.4 Nothing,cursive;color:var(--hand)}
.work-stage-tab[aria-selected="true"]{color:var(--accentText)}.work-stage-tab:hover{color:var(--ink)}
.work-stage-tab:focus-visible,.work-stage-panel:focus-visible{outline:2px solid var(--hand);outline-offset:5px;border-radius:4px}
.work-stage-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);padding:36px 0 0;border-top:1px solid var(--line2);min-height:330px;align-content:start}
.work-stage-panel[hidden]{display:none}.work-stage-panel h2{font:600 clamp(30px,3.5vw,46px)/1.1 Neue,sans-serif;letter-spacing:-.03em;margin:0;max-width:16ch}
.work-stage-panel p{font:19px/1.65 NeueText,sans-serif;color:var(--ink2);margin:0;max-width:68ch}
.work-ownership{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,80px);margin:0 0 96px;border-top:1px solid var(--line2);padding-top:44px}
.work-page :is(.work-ownership,.work-running,.work-examples) h2{font:600 clamp(36px,4.2vw,56px)/1.08 Neue,sans-serif;letter-spacing:-.03em;margin:0;max-width:16ch}
.work-page .work-note{font:400 24px/1.65 Nothing,cursive;color:var(--hand);max-width:28ch;margin:24px 0 0}
.work-ownership dl{margin:0}.work-ownership dl>div{padding:24px 0;border-bottom:1px solid var(--line2)}.work-ownership dl>div:first-child{padding-top:0}
.work-ownership dt{font:600 23px/1.25 Neue,sans-serif;color:var(--ink);margin-bottom:10px}.work-ownership dd{font:18px/1.65 NeueText,sans-serif;color:var(--ink2);margin:0;max-width:65ch}
.work-running{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,80px);padding:44px;margin:0 0 96px;background:var(--fill);border-radius:16px;color:var(--onFill)}
.work-running .work-note{--hand:var(--handOnFill);color:var(--handOnFill)}.work-running>div p{font:19px/1.65 NeueText,sans-serif;color:var(--onFill);max-width:64ch;margin:0 0 26px}.work-running>div p:last-child{margin:0}
.work-team-connection{display:block;width:240px;max-width:90%;margin:30px 0 0;fill:none;stroke:var(--highlight);stroke-width:1.6}.work-team-connection circle:first-child{fill:var(--highlight)}
.work-examples header{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:40px}.work-examples header>p{font:19px/1.6 NeueText,sans-serif;color:var(--ink2);max-width:34ch;margin:0}
.work-examples ul{list-style:none;padding:0;margin:0}.work-examples li{display:grid;grid-template-columns:1fr 100px 1.3fr;align-items:start;gap:36px;padding:32px 0;border-top:1px solid var(--line2)}
.work-examples h3{font:600 26px/1.25 Neue,sans-serif;letter-spacing:-.02em;margin:0;max-width:25ch}.work-examples li p{font:18px/1.65 NeueText,sans-serif;color:var(--ink2);margin:0;max-width:62ch}
.work-example-arrow{width:100%;fill:none;stroke:var(--hand);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.work-examples .work-example-note{font:18px/1.6 NeueText,sans-serif;color:var(--ink2);margin:28px 0 0;max-width:70ch}
.work-contact-note{font:15px/1.6 NeueText,sans-serif;color:var(--onFill);margin:20px 0 0;max-width:45ch}
@media(max-width:900px){.work-page .work-intro{grid-template-columns:1fr}.work-intro-copy{max-width:760px}.work-stage-tab{font-size:18px;gap:9px}.work-running{padding:32px;gap:32px}.work-examples li{grid-template-columns:1fr 64px 1.2fr;gap:24px}}
@media(max-width:760px){
 .work-page .work-intro{gap:28px;margin:32px 0 44px}.work-page .work-intro h1{font-size:clamp(42px,11vw,64px)}.work-page .work-intro .work-hand{max-width:25ch;font-size:22px}
 .work-intro-copy p{font-size:17px;margin-bottom:20px}.work-process{margin-bottom:60px}.work-process .work-route{margin-bottom:24px}
 .work-stage-tabs{gap:0;margin-top:4px}.work-stage-tab{flex-direction:column;gap:4px;align-items:center;justify-content:start;min-height:80px;padding:6px 2px;font-size:12px}.work-stage-number{font-size:27px}
 .work-stage-panel{display:block;padding-top:24px;min-height:0}.work-stage-panel h2{font-size:30px;max-width:20ch;margin-bottom:20px}.work-stage-panel p{font-size:16px}
 .work-ownership{grid-template-columns:1fr;gap:30px;margin-bottom:60px;padding-top:32px}.work-page :is(.work-ownership,.work-running,.work-examples) h2{font-size:38px}
 .work-page .work-note{font-size:21px;margin-top:18px;max-width:26ch}.work-ownership dt{font-size:22px}.work-ownership dd{font-size:16px}.work-ownership dl>div{padding:22px 0}
 .work-running{grid-template-columns:1fr;gap:30px;padding:28px 22px;margin-bottom:60px}.work-running>div p{font-size:16px;margin-bottom:22px}.work-team-connection{width:180px;margin-top:22px}
 .work-examples header{display:block;margin-bottom:28px}.work-examples header>p{font-size:17px;margin-top:20px}.work-examples li{grid-template-columns:1fr;padding:26px 0;gap:14px}.work-examples h3{font-size:24px;max-width:26ch}.work-examples li p{font-size:16px}.work-example-arrow{display:none}.work-examples .work-example-note{font-size:16px;margin-top:24px}
}