.commercial-copy{max-width:850px;margin-inline:auto}.commercial-copy p{max-width:70ch}.commercial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-block:2rem}.commercial-grid article{border-top:2px solid var(--brand-copper);padding-top:1.5rem}.commercial-process{padding-left:1.5rem}.commercial-process li{padding-right:1.5rem}.commercial-grid h3{margin-bottom:.75rem}@media(max-width:760px){.commercial-grid{grid-template-columns:1fr;gap:1.5rem}.commercial-copy h1{overflow-wrap:break-word}.commercial-copy .button{white-space:normal;text-align:center}}

.commercial-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.commercial-hero-copy h1{max-width:12ch}.commercial-hero-photo{margin:0;max-width:420px;justify-self:end}.commercial-hero-photo img{display:block;width:100%;height:auto;border-radius:4px}.commercial-hero-photo figcaption{font-size:.8rem;margin-top:.7rem;opacity:.8}.commercial-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.commercial-gallery figure{margin:0}.commercial-gallery img{display:block;width:100%;height:auto;border-radius:4px}.commercial-gallery figcaption{font-size:.875rem;line-height:1.5;padding-top:.75rem}.commercial-intro p{max-width:65ch}.commercial-intro .button{margin-top:1rem}.commercial-copy .button{margin-right:1rem}.commercial-projects .section-heading{max-width:750px;margin-bottom:2rem}@media(max-width:900px){.commercial-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.commercial-hero-grid{grid-template-columns:1fr}.commercial-hero-photo{justify-self:center;width:100%;max-width:400px}.commercial-hero-copy h1{max-width:none}}@media(max-width:460px){.commercial-gallery{grid-template-columns:1fr}}

/* Center the commercial introductions and keep their text and actions together. */
.commercial-copy{max-width:1000px;text-align:center}
.commercial-copy h2{max-width:100%;margin-inline:auto;text-wrap:balance}
.commercial-copy p{max-width:65ch;margin-inline:auto}
.commercial-copy>.section-label{margin-inline:auto}
.commercial-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.5rem}
.commercial-actions .button{margin:0}
.commercial-intro{text-align:center;padding-block:clamp(3rem,5vw,5rem)}
.commercial-intro .shell{max-width:1050px}
.commercial-intro h2{max-width:100%;margin-inline:auto;text-wrap:balance}
.commercial-intro p{max-width:65ch;margin-inline:auto}
.home-guide-intro{display:block!important;text-align:center;max-width:1000px;margin:0 auto 2.5rem}
.home-guide-intro>div{width:100%;max-width:none}
.home-guide-intro h2{max-width:100%;margin-inline:auto;text-wrap:balance}
.home-guide-intro>p{max-width:65ch;margin:1.25rem auto 0}
.mcd-guide-section[aria-labelledby="home-planning-guides-title"] .shell>p:last-child{text-align:center}
@media(max-width:760px){.commercial-copy,.commercial-intro .shell{max-width:100%}.commercial-actions{flex-direction:column}.home-guide-intro{margin-bottom:2rem}.commercial-copy h2,.commercial-intro h2,.home-guide-intro h2{line-height:1.12}}
.commercial-copy>.section-label,.commercial-intro .section-label,.home-guide-intro .section-label{justify-content:center}
@media(max-width:760px){.commercial-copy h2,.commercial-intro h2,.home-guide-intro h2{font-size:clamp(1.75rem,7.7vw,2.25rem);line-height:1.15}}