/* Keep mobile and tablet text safely inset while artwork can remain full width. */
@media(max-width:1100px){
 :root{--reading-gutter:clamp(24px,5vw,48px)}
 #work,#approach,#testimonials,#about,#contact{padding-left:var(--reading-gutter);padding-right:var(--reading-gutter)}
 #recognition>.extension-centered{width:100%;max-width:800px;padding-left:var(--reading-gutter);padding-right:var(--reading-gutter)}
 #testimonials>.extension-centered{padding-left:0;padding-right:0}
 .approach-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
 .approach-intro,.approach-steps,.about-story,.testimonial-card{min-width:0}
 #work h2,#approach h2,#recognition h2,#testimonials h2,#about h2,#contact h2{max-width:100%;overflow-wrap:break-word}
 #recognition>.extension-centered>p,#testimonials>.extension-centered>p{max-width:100%;text-wrap:pretty}
 .approach-step>div{min-width:0}
 .about-story p,.approach-step p,.approach-step li,.testimonial-card blockquote{overflow-wrap:break-word}
}
@media(max-width:800px){.approach-layout{grid-template-columns:minmax(0,1fr)}}