/* Shared reading edges across the local homepage and service pages. */
:root{--reading-gutter:6%;--reading-gap:6vw;--reading-columns:minmax(0,1fr) minmax(0,1fr)}
body .site-header,body footer,body .section-wrap,.homepage .service-showcase,.homepage .founder-profile,.homepage .current-work,.homepage .contact-footer{padding-left:var(--reading-gutter);padding-right:var(--reading-gutter)}
.homepage .hero-copy{margin-left:var(--reading-gutter);margin-right:var(--reading-gutter)}
.homepage .showcase-intro{text-align:left;margin-left:0;margin-right:0;max-width:none}
.homepage .showcase-gallery{max-width:none;margin-left:0;margin-right:0}
.service-page .service-hero,.service-page .service-hero:has(.compact-demo),.service-page .problem-section,.service-page .process-section,.service-page .faq-section,.service-page .discovery-deliverables,.service-page .discovery-focus,.service-page .automation-start,.homepage .founder-profile,.homepage .current-work-intro,.homepage .current-project,.homepage .contact-footer{grid-template-columns:var(--reading-columns);column-gap:var(--reading-gap)}
.service-page .service-hero,.service-page .service-hero:has(.compact-demo){padding-left:var(--reading-gutter);padding-right:var(--reading-gutter)}
.homepage .founder-profile,.homepage .current-work-intro,.homepage .contact-footer,.service-page .problem-section,.service-page .process-section,.service-page .faq-section,.service-page .discovery-deliverables,.service-page .discovery-focus{align-items:start}
.homepage .current-work-intro h2{white-space:normal;text-wrap:balance}
.homepage .founder-copy p,.homepage .current-project>p{max-width:62ch}
.homepage .contact-details{align-self:start;font-style:normal}
.service-page .section-wrap>div{min-width:0}
/* Stack deliverables on the same right-hand rail as examples and process copy. */
@media(min-width:761px){
.service-page .deliver-section{display:grid;grid-template-columns:var(--reading-columns);column-gap:var(--reading-gap);align-items:start}
.service-page .deliver-section>.eyebrow{grid-column:1;grid-row:1;margin-bottom:22px}
.service-page .deliver-section>h2{grid-column:1;grid-row:2}
.service-page .deliver-grid{grid-column:2;grid-row:1 / span 3;display:block;margin:0}
.service-page .deliver-grid article{padding:25px 0;border-top:1px solid #a7b5ac}
.service-page .deliver-grid article:first-child{padding-top:0;border-top:0}
.service-page .deliver-grid h3{max-width:none;margin:0 0 14px}
}
/* Keep process text on the reading edge; large numbers sit at the row end. */
.service-page .process-section li{display:grid;grid-template-columns:minmax(0,1fr) 65px;gap:24px;align-items:start}
.service-page .process-section li>div{grid-column:1;grid-row:1;max-width:none}
.service-page .process-section li .process-number{grid-column:2;grid-row:1;min-width:0;font-size:58px;text-align:right}
.service-page .process-section li:first-child{padding-top:0;border-top:0}
.service-page .examples>.eyebrow{margin-top:0}
.service-page .faq-section details:first-child{padding-top:0;border-top:0}
/* Discovery card text follows the same edge as the sections below it. */
.service-page .discovery-outcomes{padding:0 24px;margin-left:-24px;margin-right:-24px}
.service-page .outcomes-label{margin-left:0}
.service-page .discovery-outcome{grid-template-columns:minmax(0,1fr) 60px;gap:20px}
.service-page .discovery-outcome>div:last-child{grid-column:1;grid-row:1}
.service-page .discovery-outcome .outcome-art{grid-column:2;grid-row:1;width:60px;height:60px}
.service-page .outcome-art svg{width:43px;height:43px}
.service-page .discovery-film figcaption{margin-left:0;margin-right:0}
.service-page .related>div{grid-template-columns:var(--reading-columns);column-gap:var(--reading-gap)}
/* Remove mixed centering from the closing invitation. */
.service-page .service-invitation{display:block;text-align:left}
.service-page .service-invitation>.eyebrow,.service-page .service-invitation>h2,.service-page .service-invitation>p,.service-page .service-invitation>a{margin-left:0;margin-right:0;text-align:left}
.service-page .service-invitation>p:not(.eyebrow){max-width:62ch;font-size:21px;line-height:1.65}
.service-page .service-invitation .automation-discovery-link{color:#245b70;font-size:18px;margin-top:25px}
/* Existing automation draft shares the site's text scale and column grid. */
.service-page .automation-story{grid-template-columns:var(--reading-columns);column-gap:var(--reading-gap);align-items:start}
.service-page .automation-story p,.service-page .automation-start p,.service-page .judgment-grid p{font-size:19px;line-height:1.65}
.service-page .automation-section-intro>p:last-child{max-width:62ch;font-size:21px;line-height:1.65}
.service-page .automation-start-list>div:first-child{padding-top:0;border-top:0}
@media(max-width:760px){
:root{--reading-gap:30px}
.service-page .service-hero,.service-page .service-hero:has(.compact-demo),.service-page .problem-section,.service-page .process-section,.service-page .faq-section,.service-page .discovery-deliverables,.service-page .discovery-focus,.service-page .automation-start,.service-page .automation-story,.homepage .founder-profile,.homepage .current-work-intro,.homepage .current-project,.homepage .contact-footer,.service-page .related>div{grid-template-columns:minmax(0,1fr)}
.service-page .discovery-outcomes{margin-left:0;margin-right:0;padding:0;background:transparent;border:0;box-shadow:none}
.service-page .discovery-outcome{grid-template-columns:minmax(0,1fr) 48px;gap:12px}
.service-page .discovery-outcome .outcome-art{width:48px;height:48px}
.service-page .outcome-art svg{width:35px;height:35px}
.service-page .process-section li{grid-template-columns:minmax(0,1fr) 48px;gap:20px}
.service-page .process-section li .process-number{font-size:45px}
.service-page .service-invitation>p:not(.eyebrow),.service-page .automation-section-intro>p:last-child{font-size:19px}
.service-page .focus-practices{padding-left:0;padding-right:0;background:transparent}
}