/* Reading space is part of the hierarchy, alongside scale and weight. */
#main :is(.about-practices,.about-method,.about-clients,.architecture-audiences,.business-starting-points,.architecture-method,.business-method,.business-scope,.practice-offers,.approach,.invitation){padding-block:clamp(4.5rem,8vw,8rem)}
#main .section-intro>p:not(.eyebrow){max-width:43ch}
#main :is(.section-intro,.about-practices) h2{margin-bottom:1.75rem}
#main :is(.space-situations,.business-audiences){margin-top:4.5rem;gap:clamp(2rem,5vw,5rem)}
#main :is(.space-situations,.business-audiences) article{padding-top:2rem}
#main :is(.space-situations,.business-audiences) h3{margin:1.25rem 0 1.5rem}
#main :is(.space-situations,.business-audiences) p:not(.eyebrow){max-width:40ch;line-height:1.85}
#main :is(.space-steps,.business-steps) li{padding-block:2rem}
#main :is(.space-steps,.business-steps) p{max-width:52ch;line-height:1.85}
#main .service-row{padding-block:2.25rem}
#main .service-row p{max-width:46ch;line-height:1.8}
#main .copy-section{padding-block:3.5rem}
#main .copy-section p{margin-bottom:1.65rem}
#main .copy-section li+li{margin-top:.7rem}
#main .about-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,7vw,7rem);align-items:center;max-width:none;margin-top:3.5rem}
#main .about-story-copy p{max-width:48ch;margin-bottom:2rem}
#main .about-story-copy p:last-child{margin-bottom:0}
#main .practice-pair{margin-top:3.5rem}
#main .practice-pair h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem)}
#main .about-note{max-width:65ch!important;line-height:1.85;padding-top:2rem}
.audience-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}
.editorial-media{margin:0;min-width:0}
.editorial-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#d8dcdb}
.editorial-media figcaption{font-size:.75rem;line-height:1.6;margin-top:1rem;color:var(--muted);max-width:55ch}
.process-media{margin-top:2.5rem}
.process-media img{aspect-ratio:16/9}
@media(max-width:760px){
 #main .about-intro,.audience-intro{grid-template-columns:minmax(0,1fr);gap:2.5rem}
 #main :is(.space-situations,.business-audiences){gap:2.5rem;margin-top:3rem}
 #main .about-hero{padding-block:3.5rem 4.5rem}
 #main .copy-section{padding-block:2.75rem}
 .editorial-media img{aspect-ratio:3/2}
}