.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}}

/* Distinct commercial introduction, service scope, evidence and planning layouts. */
.commercial-intro-feature{background:var(--surface)}
.commercial-intro-feature .shell{max-width:1200px}
.commercial-teaser{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.commercial-teaser figure{margin:0}.commercial-teaser img{display:block;width:100%;height:320px;object-fit:cover;object-position:center 40%;border-radius:4px}.commercial-teaser figcaption{font-size:.75rem;margin-top:.75rem;color:var(--muted-ink)}
.commercial-teaser-copy h2{font-size:clamp(2rem,3.5vw,3.5rem);max-width:18ch}.commercial-teaser-copy p{max-width:52ch}
.commercial-service-tags{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.5rem 0;padding:0}.commercial-service-tags li{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:.45rem .85rem;font-size:.75rem;color:var(--brand-navy)}
.commercial-capabilities{background:var(--surface)}.commercial-capabilities .section-heading,.commercial-planning .section-heading{max-width:900px;margin-bottom:2.5rem}.commercial-capabilities .section-heading p,.commercial-planning .section-heading p{max-width:65ch;margin-top:1rem}
.commercial-scope-cards{gap:1.25rem}.commercial-scope-cards article{background:var(--white);border-top:3px solid var(--brand-copper);padding:2rem 1.5rem}.commercial-card-number{display:block;color:var(--brand-copper-dark);font-size:.8rem;font-weight:700;margin-bottom:1rem}.commercial-scope-note{font-size:.8rem;color:var(--muted-ink)}
.commercial-planning{background:var(--surface)}.commercial-planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}.commercial-checklist,.commercial-planning-note{padding:clamp(1.5rem,3vw,2.5rem)}.commercial-checklist{background:var(--white)}.commercial-checklist ul{padding:0;margin:1.5rem 0 0;list-style:none}.commercial-checklist li{padding:1.25rem 0;border-top:1px solid var(--line)}.commercial-checklist strong,.commercial-checklist span{display:block}.commercial-checklist span{font-size:.9rem;margin-top:.5rem}.commercial-planning-note{display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line)}.commercial-planning-note p{font-size:.9rem}.commercial-text-link{text-underline-offset:5px;text-decoration:underline}.commercial-residential-link{margin-top:2rem!important;font-size:.85rem}
@media(max-width:760px){.commercial-teaser,.commercial-planning-grid{grid-template-columns:1fr}.commercial-teaser-copy{order:-1}.commercial-teaser img{height:260px}.commercial-teaser figure{max-width:480px;width:100%;margin-inline:auto}.commercial-scope-cards article{padding:1.5rem}.commercial-capabilities h2,.commercial-planning h2{font-size:clamp(1.75rem,7.7vw,2.25rem);line-height:1.15}}

/* Horizontal photo groups keep the page height stable as projects are added. */
.commercial-slider{min-width:0;width:100%;max-width:100%;margin-inline:auto}.commercial-slider-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1rem;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--brand-copper) var(--surface);padding-bottom:.8rem}.commercial-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.commercial-slide h3{margin-bottom:1.5rem}.commercial-slide figure{margin:0;min-width:0}.commercial-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:850px;margin-inline:auto}.commercial-slide img{display:block;width:100%;height:clamp(220px,38vw,440px);object-fit:contain;background:#e8edf0;border-radius:4px}.commercial-slide figcaption{font-size:.8rem;padding-top:.75rem;color:var(--muted-ink)}.commercial-slider-controls{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:1rem}.commercial-slider-controls button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--brand-navy);border-radius:50%;background:var(--white);color:var(--brand-navy);font-size:1.35rem;cursor:pointer}.commercial-slider-controls button:hover{background:var(--brand-navy);color:var(--white)}.commercial-slider-controls button:disabled{opacity:.35;cursor:default}.commercial-slider-controls span{min-width:4ch;font-size:.85rem}.commercial-swipe-hint{font-size:.72rem;color:var(--muted-ink);margin:.65rem auto 0!important}.commercial-teaser .commercial-slider{max-width:460px}.commercial-teaser .commercial-slide img{height:320px;object-fit:contain}.commercial-teaser .commercial-slide figcaption{margin-top:0}.commercial-projects .commercial-slider{max-width:1000px}@media(max-width:760px){.commercial-teaser .commercial-slide img{height:300px}.commercial-photo-pair{gap:.6rem}.commercial-photo-pair img{height:240px}.commercial-photo-pair figcaption{font-size:.72rem}.commercial-teaser .commercial-slider{order:0}}@media(prefers-reduced-motion:reduce){.commercial-slider-track{scroll-behavior:auto}}

/* Portrait frames fill edge to edge with a light, deliberate crop. */
.commercial-slider .commercial-slide img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 45%;background:transparent}
.commercial-teaser .commercial-slider{max-width:360px}
.commercial-photo-pair img[src*="ceiling-"]{object-position:center 35%}