/* Shared refinements for the current review pass. */
.site-header{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.header-inner>.wordmark{display:inline-flex;align-items:center;gap:10px;width:max-content}
.brand-name{font:600 18px/1.15 Montserrat,Arial,sans-serif;letter-spacing:-.035em}
.site-header .service-toggle{display:inline-flex;align-items:center;gap:6px}
.site-header .service-toggle span{font-size:18px;line-height:1}
.site-section#section-closing-invitation [data-layout^="Copy /"]>:is(h2,p){width:100%;max-width:min(100%,640px)}
.case-page .case-hero>.section-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.case-hero-copy{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:100%;max-width:650px;display:flex;flex-direction:column;align-items:flex-end;gap:16px;text-align:right}
.case-page .case-hero-copy .node-text{text-align:right;max-width:100%;margin:0}
.case-page .case-hero-copy h1{font-size:clamp(44px,7.4vw,108px)!important;line-height:1.02;text-wrap:balance}
.case-page .case-hero .image-placeholder,.case-page .case-hero .image-link{grid-column:1;grid-row:1;align-self:center}
.case-page .case-hero .case-scroll{grid-column:1/-1}
.case-page .case-chapter#section-brand-and-brief>.section-inner{padding-top:88px}
.case-page .case-copy{top:max(calc(var(--nav-height) + 24px),calc((100svh - var(--case-copy-height,320px))/2))}
.case-page .case-chapter#section-brand-and-brief .case-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.case-page .case-chapter#section-brand-and-brief .case-copy>.layout{grid-column:1}
.case-page .case-chapter#section-brand-and-brief .case-copy>.layout h2{margin-bottom:22px}
#section-project-navigation h2.node-text{font-size:1.125rem!important;font-weight:700;letter-spacing:-.01em}
.case-needed p{font-size:15px;line-height:1.7;max-width:650px}
.case-testimonial{padding:48px 0;background:#f5f6f7}
.case-testimonial-inner{width:calc(100% - 64px);max-width:var(--content);margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);gap:64px;align-items:center}
.case-testimonial blockquote{margin:0 0 24px;font-size:clamp(20px,2.2vw,28px);line-height:1.5;color:var(--ink)}
.case-testimonial .testimonial-pending{padding:24px;border:1px dashed var(--line);background:#fff;font-size:15px}
.case-testimonial .image-placeholder{width:100%;max-width:none;aspect-ratio:4/3;border-radius:18px}
.case-page #section-project-navigation>.section-inner{padding-top:46px}
.case-page #section-project-navigation h2{font-size:20px;font-weight:600;margin-bottom:10px}
.case-page #section-project-navigation .project-pagination{margin-top:0}
.services-page #section-sticky-service-showcase>.section-inner{padding-top:24px}
.services-page .service-choices{margin-top:0}
.services-page .service-entry-copy{max-width:100%;}
.services-page .service-entry-copy h2{margin-bottom:8px}
.proposal-grid{position:relative;isolation:isolate}
.proposal-mascots{z-index:2}
.proposal-primary{position:relative;z-index:3}
.proposal-wide .proposal-copy{width:60%;max-width:320px;position:relative;z-index:4}
.proposal-primary .proposal-image{position:relative;z-index:2}
body:not(.home-page) #section-02-hero{background:var(--wash)}
.policy-page #section-02-hero>.section-inner,.faq-page #section-02-hero>.section-inner{padding-block:48px}
body:not(.home-page) #section-02-hero [data-layout="Hero composition"]{display:flex;flex-direction:column;align-items:stretch;gap:24px}
body:not(.home-page) #section-02-hero [data-layout="Hero composition"]>.image-placeholder{order:-1;width:100%;max-width:none;max-height:380px}
body:not(.home-page) #section-02-hero [data-layout="Hero copy"]{width:100%;max-width:760px}
.faq-page [data-layout="Category links"] .category-link{border-radius:0;background:transparent;padding:8px 0;color:var(--ink)}
.site-section#section-question-categories{background:#f5f6f7}
.site-section#section-question-categories .category-link{border:0;border-radius:0;background:transparent!important;padding:8px 0;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.case-page .case-hero .section-inner{overflow:hidden}
.case-page .case-hero .image-placeholder{overflow:hidden}
.case-page .case-hero .image-placeholder:has(svg){background:var(--wash)}
.case-page .case-hero .node-text{max-width:100%}
.site-section.info-section>.section-inner{display:flex;flex-direction:column;gap:clamp(72px,9vw,120px);padding-block:72px}
.site-section.info-section+.info-section>.section-inner{padding-top:0}
.info-section .info-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,5vw,72px);align-items:start;width:100%;max-width:none}
.info-section .info-row>*{max-width:none;width:100%}
.info-body{display:grid;gap:24px}
.site-section#section-our-process-in-depth>.section-inner{display:flex;flex-direction:column;gap:88px}
.site-section#section-our-process-in-depth .process-step{display:flex;align-items:stretch;overflow:hidden}
.site-section#section-our-process-in-depth .process-step>.image-placeholder,
.site-section#section-our-process-in-depth .process-step>.image-link{flex:0 0 50%;width:50%;max-width:none;border-radius:18px 0 0 18px;position:relative;z-index:2;opacity:1;transform:none}
.site-section#section-process-overview .image-compact{aspect-ratio:1;flex:0 0 auto}
.site-section#section-our-process-in-depth .process-step>[data-layout^="Step "]{flex:0 0 50%;width:50%;border-radius:0 18px 18px 0;position:relative;z-index:1;background:#fff}
#section-our-process-in-depth .process-step.slide-copy>[data-layout^="Step "]{transform:translateX(-18%);transition:transform .72s var(--ease-ui)}
#section-our-process-in-depth .process-step.slide-copy.is-visible>[data-layout^="Step "],#section-our-process-in-depth .process-step:focus-within>[data-layout^="Step "]{transform:none}
#section-process-overview>.section-inner{padding-bottom:calc(var(--section-pad) + 30px)}
.about-page #section-02-hero>.section-inner,.about-page #section-the-people-behind-the-studio>.section-inner,.about-page #section-sketching-approach>.section-inner,.about-page #section-the-working-relationship>.section-inner{padding-block:56px}
.about-page #section-the-people-behind-the-studio [data-layout="Row 1"]>.layout-column{padding:18px;border-radius:18px;background:var(--wash)}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .service-detail #section-refresh-or-rebrand .sticky-copy-row>.layout:first-child{position:sticky;top:max(calc(var(--nav-height) + 20px),calc((100svh - var(--comparison-copy-height,260px))/2))}
}
@media(prefers-reduced-motion:reduce){
 #section-our-process-in-depth .process-step.slide-copy>[data-layout^="Step "]{transform:none;transition:none}
}
@media(max-width:760px){
 .case-page .case-hero>.section-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px;padding-top:calc(var(--nav-height) + 30px)}
 .case-page .case-hero .image-placeholder,.case-page .case-hero .image-link{grid-column:1;grid-row:1;order:0}
 .case-page .case-hero-copy{grid-column:1;grid-row:2;text-align:right}
 .case-page .case-hero-copy h1{font-size:clamp(40px,10vw,58px)!important}
 .case-page .case-hero .case-scroll{grid-row:3}
 .case-testimonial-inner{width:calc(100% - 48px);grid-template-columns:1fr;gap:24px}
 .services-page .service-entry-copy{max-width:100%}
 .proposal-wide .proposal-copy{width:100%;max-width:none}
 .site-section.info-section>.section-inner{gap:54px;padding-block:54px}
 .info-section .info-row{grid-template-columns:minmax(0,1fr);gap:14px}
 .site-section#section-our-process-in-depth>.section-inner{gap:48px}
 .site-section#section-our-process-in-depth .process-step{display:flex;flex-direction:column;gap:0}
 .site-section#section-our-process-in-depth .process-step>.image-placeholder,.site-section#section-our-process-in-depth .process-step>.image-link{width:100%;flex:none;border-radius:16px 16px 0 0;aspect-ratio:4/3}
 .site-section#section-our-process-in-depth .process-step>[data-layout^="Step "]{width:100%;flex:none;border-radius:0 0 16px 16px;padding:24px}
 #section-our-process-in-depth .process-step.slide-copy:not(.is-visible):not(:focus-within)>[data-layout^="Step "]{transform:translateY(-28px)}
 #section-process-overview [data-layout="Five stages"]>.layout-row{gap:4px}
 #section-process-overview .image-compact{width:clamp(30px,10vw,52px)!important;height:clamp(30px,10vw,52px);min-height:0;max-width:none}
 #section-process-overview [data-layout="Five stages"]>.layout-row::before{top:clamp(15px,5vw,26px)}
 #section-process-overview .node-text{overflow-wrap:normal;font-size:clamp(9px,2.6vw,13px)!important}
 .site-section#section-question-categories .category-link{padding:0}
 .about-page #section-02-hero>.section-inner,.about-page #section-the-people-behind-the-studio>.section-inner,.about-page #section-sketching-approach>.section-inner,.about-page #section-the-working-relationship>.section-inner{padding-block:38px}
}
@media(prefers-reduced-motion:reduce){
 .process-step>[data-layout^="Step "],.site-section#section-our-process-in-depth .process-step>[data-layout^="Step "]{transform:none;transition:none}
}

/* Case study layout updates. */
.case-page .case-hero>.section-inner{grid-template-columns:minmax(0,55fr) minmax(0,38fr);column-gap:7%;}
.case-page .case-hero-copy{grid-column:1;grid-row:1;align-self:center;justify-self:start;align-items:flex-start;text-align:left;max-width:none}
.case-page .case-hero-copy .node-text{text-align:left}
.case-page .case-hero-copy h1{overflow-wrap:normal}
.case-page .case-hero .image-placeholder,.case-page .case-hero .image-link{grid-column:2;grid-row:1}
.case-page .case-chapter#section-brand-and-brief>.section-inner{padding-top:0}
.case-page .case-media--continuous{display:grid;grid-template-columns:1fr;gap:0}
.case-page .case-media--continuous .image-placeholder{width:100%;max-width:none;border-radius:0}
.case-page .project-pagination{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.case-page .project-pagination>a{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.case-page .next-project .image-placeholder{width:100px;height:100px;aspect-ratio:1}
@media(max-width:760px){
 .case-page .case-hero>.section-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto}
 .case-page .case-hero-copy{grid-column:1;grid-row:2;text-align:left;align-items:flex-start}
 .case-page .case-hero-copy h1,.case-page .case-hero-copy .node-text{text-align:left}
.case-page .case-hero-copy h1{overflow-wrap:normal}
 .case-page .case-hero .image-placeholder,.case-page .case-hero .image-link{grid-column:1;grid-row:1}
}