.story-track{width:100%}
.story-pin{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px)}
.story-panels{display:grid;align-items:center;gap:28px;min-width:0}
.story-panels>.image-placeholder,.story-panel>.image-placeholder{width:100%;max-width:none}
.story-panel{min-width:0}
.story-panel :is(h2,h3){margin-top:0}
.story-title{margin:0 0 20px}
.story-track.story-active::after{content:"";display:block;height:var(--story-travel,0px)}
.story-active .story-pin{position:sticky;top:var(--story-pin-top,120px)}
.story-active .story-panels{gap:0}
.story-active [data-story-panel]{grid-area:1/1;opacity:var(--story-opacity,1);transform:translateY(var(--story-offset,0px))}
.story-active [data-story-panel][inert]{pointer-events:none}
.story-active .story-copy{align-self:center}
.story-active .story-media{align-self:center}
@media(max-width:760px){
 .story-pin{grid-template-columns:minmax(0,1fr);gap:32px}
 .story-media-first .story-media{grid-row:1}
}
.case-page .case-testimonial{padding-block:120px}
.case-media.case-media--continuous{gap:0}
.case-media--continuous>.image-placeholder{border-radius:0}
.case-media--continuous>.image-placeholder+.image-placeholder{border-top:0}
.case-page #section-project-navigation>.section-inner{padding-top:76px}
.project-pagination{position:relative;align-items:end}
.next-project{display:grid;justify-items:end;gap:10px;text-align:right}
.next-project>.image-placeholder{width:100px;min-width:100px;height:100px;min-height:100px;padding:8px}
.case-page #section-project-navigation .section-inner{position:relative}
.case-page #section-project-navigation h2{position:relative;z-index:1}
.case-page #section-project-navigation .project-pagination{margin-top:-96px}
#section-our-process-in-depth .process-step>.process-preview-card{padding:120px 36px;position:relative}
#section-our-process-in-depth .process-step>.process-preview-card>.process-drawer-number{position:absolute;right:30px;bottom:30px;margin:0}
#section-our-process-in-depth .process-step.slide-copy:not(.is-visible):not(:focus-within)>[data-layout^="Step "]{transform:translateX(-100%)}
@media(max-width:760px){
 .case-page .case-testimonial{padding-block:80px}
 .site-section#section-our-process-in-depth .process-step>.process-preview-card{padding:clamp(64px,14vw,120px) 24px}
 #section-our-process-in-depth .process-step.slide-copy:not(.is-visible):not(:focus-within)>[data-layout^="Step "]{transform:translateY(-100%)}
}
@media(prefers-reduced-motion:reduce){
 #section-our-process-in-depth .process-step.slide-copy:not(.is-visible):not(:focus-within)>[data-layout^="Step "]{transform:none;transition:none}
}
.site-header .service-toggle .service-label{text-transform:none;font:inherit}
.service-caret{flex:none;translate:0 .08em}
.home-page #section-brand-fit>.section-inner{padding-top:calc(min(var(--section-pad,72px),32px) + 30px)}
.home-page .trusted-line a{text-decoration:underline;text-underline-offset:4px}
.breadcrumb-band{position:relative;z-index:1;background:white;padding-block:30px 50px}
.breadcrumb-band>.breadcrumbs{width:calc(100% - 64px);max-width:var(--content);padding:0;margin:auto;min-height:0}
body:not(.home-page) #section-02-hero>.section-inner{display:flex;padding:120px 0;min-height:0}
body:not(.home-page) #section-02-hero [data-layout="Hero composition"]{display:grid;width:100%;max-width:none;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:10%;align-items:center}
body:not(.home-page) #section-02-hero [data-layout="Hero composition"]>.image-placeholder{height:400px;max-height:none}
body:is(.faq-page,.policy-page) #section-02-hero>.section-inner{padding:48px 0}
.faq-page #section-02-hero [data-layout="Centered introduction"]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left;gap:18px 36px}
.faq-page #section-02-hero [data-layout="Centered introduction"] h1{grid-column:1/-1;width:100%}
.faq-page #section-02-hero [data-layout="Centered introduction"] p{text-align:left;width:100%}
.faq-page #section-question-categories .category-link{background:#fff!important;border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-decoration:none}
.faq-page #section-question-categories .category-link:is(:hover,:focus-visible){background:var(--ink)!important;color:white}
.commitment-icon{width:100%;display:flex;justify-content:flex-start;padding-block:16px}
.commitment-icon>.image-placeholder{width:100px;height:100px;max-width:100%;min-height:100px}
.story-copy .story-panel>:is(.layout,.node-text){width:100%;max-width:none}
.story-copy .story-panel>.node-text+.node-text{margin-top:16px}
#section-our-process-in-depth .process-step{background:transparent}
@media(min-width:761px){
 body:is(.work-page,.service-detail,.process-page) #section-closing-invitation [data-layout="Invitation"]{display:grid;width:100%;grid-template-columns:minmax(0,40%) minmax(0,40%);justify-content:space-between;align-items:center}
 body:is(.work-page,.service-detail,.process-page) #section-closing-invitation [data-layout="Invitation"]>*{width:100%;max-width:none;order:0}
 .story-active .story-copy--headed{display:grid;grid-template-rows:1fr auto 1fr;align-self:stretch}
 .story-active .story-copy--headed .story-title{grid-row:2;margin:0}
 .story-active .story-copy--headed .story-panels{grid-row:3;align-self:start;margin-top:16px}
}
@media(max-width:760px){
 body:not(.home-page) #section-02-hero>.section-inner{padding:40px 0}
 body:not(.home-page) #section-02-hero [data-layout="Hero composition"]{display:flex;flex-direction:column;gap:24px}
 body:not(.home-page) #section-02-hero [data-layout="Hero composition"]>.image-placeholder{height:auto}
 .breadcrumb-band>.breadcrumbs{width:calc(100% - 48px)}
 .faq-page #section-02-hero [data-layout="Centered introduction"]{display:flex;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
 body:not(.home-page) #section-02-hero{position:relative;top:auto}
}

@media(min-width:761px){
 body:not(.home-page) #section-02-hero{position:sticky;top:var(--nav-height);z-index:0}
 body:not(.home-page) #section-02-hero~.site-section{position:relative;z-index:1}
}
@media(max-width:760px){
 .services-page .story-media .story-panel:not(:first-child){display:none}
 .story-copy--headed .story-title{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){
 body:not(.home-page) #section-02-hero{position:relative;top:auto}
}
@media(min-width:761px){
 body:not(.home-page) #section-02-hero [data-layout="Hero composition"]>[data-layout="Hero copy"]{grid-column:1;grid-row:1}
 body:not(.home-page) #section-02-hero [data-layout="Hero composition"]>:is(.image-placeholder,.image-link){order:0;grid-column:2;grid-row:1}
}
.commitment-icon>.image-placeholder,.next-project>.image-placeholder{width:100px!important}

.case-page .case-story>.section-inner{display:block}
.case-page .case-hero>.section-inner{min-height:100svh}

@media(max-width:1100px){.home-page #section-brand-fit>.section-inner{padding-top:calc(min(var(--section-pad,72px),28px) + 30px)}}

.services-page #section-sticky-service-showcase .story-title h2{font-size:clamp(19px,2vw,25px)}
.process-page .breadcrumb-band{background:var(--wash)}
#section-the-people-behind-the-studio{padding-block:0}
.about-page #section-the-people-behind-the-studio>.section-inner{padding-block:50px}
#section-the-people-behind-the-studio .image-placeholder{aspect-ratio:1;height:auto}
#section-process-preview .process-preview-card{position:relative;padding-bottom:64px;background:#fff}
#section-process-preview .process-drawer-number{position:absolute;right:20px;bottom:20px;margin:0;width:32px;height:32px;display:grid;place-items:center;background:#f1f2f3;border-radius:50%;font-size:14px}
#section-our-process-in-depth .process-step>.image-placeholder{aspect-ratio:4/3}
.process-progress{position:sticky;top:var(--process-header-height,var(--nav-height));z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px 32px;background:var(--wash);padding:16px 0}
.process-progress h2{width:auto;margin:0;font-size:clamp(22px,3vw,36px);white-space:nowrap}
.process-markers{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;width:min(50%,460px);padding:0;margin:0;list-style:none;--marker-size:40px}
.process-markers::before,.process-markers::after{content:"";position:absolute;left:calc(var(--marker-size)/2);right:calc(var(--marker-size)/2);top:50%;height:3px;background:#d5d8dc;z-index:-1}
.process-markers::after{background:var(--ink);transform:scaleX(var(--process-progress,0));transform-origin:left}
.process-markers li{width:var(--marker-size);height:var(--marker-size);display:grid;place-items:center;border-radius:50%;background:#e5e7ea;color:var(--ink);border:2px solid transparent}
.process-markers li[aria-current="step"]{background:var(--ink);color:white}
.process-markers svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:540px){
 .process-progress{gap:8px}
 .process-progress h2{font-size:clamp(16px,4.5vw,22px)}
 .process-markers{width:55%;--marker-size:clamp(22px,6vw,32px)}
}