/* Construction project feature; retain the site's existing fonts and brand red. */
.services-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.services-grid>.scard{grid-column:span 2}
.services-grid>.scard:has(.sc-excavation),.services-grid>.sc-more{grid-column:span 3}
.construction-feature{grid-column:1/-1;order:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"intro gallery" "action gallery";grid-template-rows:1fr 1fr;column-gap:48px;margin-top:12px;padding:44px;background:#f7f6f3;border:1px solid #e3e1dc;border-radius:16px;color:#242628;scroll-margin-top:90px;min-width:0}
.construction-intro{grid-area:intro;align-self:end}
.construction-eyebrow{display:block;font-size:.74rem;letter-spacing:.16em;font-weight:700;color:#77736e;margin-bottom:16px}
.construction-feature h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(2.25rem,3.2vw,3.1rem);line-height:1.06;font-weight:700;letter-spacing:-.025em;color:#242628;margin:0 0 20px;text-wrap:balance}
.construction-feature h3 span{display:block}
.construction-intro p{font-size:1.0625rem;line-height:1.7;color:#636462;margin:0;max-width:38ch}
.construction-action{grid-area:action;align-self:start;margin-top:28px;justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--red);font-size:1rem;font-weight:700;text-decoration:none;border-bottom:1px solid #d9b7b5;transition:color .16s,border-color .16s}
.construction-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .16s}
.construction-action:hover{color:var(--red2);border-color:var(--red2)}
.construction-action:hover svg{transform:translateX(3px)}
.construction-feature :focus-visible{outline:2px solid var(--red);outline-offset:4px}
.project-gallery{grid-area:gallery;min-width:0;background:#fff;border:1px solid #e7e5df;border-radius:12px;padding:12px;align-self:center}
.project-gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:7px;background:#fbfaf8;cursor:grab;touch-action:pan-x pan-y}
.project-gallery-track::-webkit-scrollbar{display:none}
.project-gallery-track:focus-visible{outline-offset:-3px}
.project-gallery-track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.project-gallery-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.project-gallery-slide picture{display:block}
.project-gallery-slide img{display:block;width:100%;height:480px;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
.project-gallery-views{display:flex;justify-content:center;gap:24px;padding:4px 8px 0;border-bottom:1px solid #eeece8}
.project-gallery-views[hidden]{display:none}
.project-gallery-views button{position:relative;min-height:44px;padding:0 4px;background:transparent;border:0;color:#737370;font:600 .9rem 'Barlow',Arial,sans-serif;cursor:pointer;transition:color .16s}
.project-gallery-views button[aria-pressed="true"]{color:#242628}
.project-gallery-views button[aria-pressed="true"]::after{content:'';position:absolute;left:4px;right:4px;bottom:-1px;height:2px;background:var(--red)}
.project-gallery-views button:hover{color:var(--red)}
.project-gallery-caption{min-height:40px;display:flex;align-items:center;justify-content:center;padding:10px 4px 0;text-align:center;font-size:.8125rem;line-height:1.4;color:#75736f}
@media(max-width:1000px) and (min-width:769px){.construction-feature{padding:28px;column-gap:28px}.project-gallery-slide img{height:410px}}
@media(max-width:768px){
 .services-grid{grid-template-columns:minmax(0,1fr)}
 .services-grid>.scard,.services-grid>.scard:has(.sc-excavation),.services-grid>.sc-more{grid-column:auto}
 .construction-feature{order:0;display:flex;flex-direction:column;gap:0;margin-top:0;padding:24px 20px calc(28px + env(safe-area-inset-bottom));border-radius:14px;scroll-margin-top:86px;scroll-margin-bottom:110px}
 .construction-intro{align-self:stretch}
 .construction-eyebrow{font-size:.7rem;margin-bottom:12px}
 .construction-feature h3{font-size:clamp(1.95rem,8.2vw,2.4rem);line-height:1.08;margin-bottom:16px}
 .construction-intro p{font-size:1rem;line-height:1.65;max-width:none}
 .project-gallery{align-self:stretch;margin-top:24px;padding:8px;border-radius:10px}
 .project-gallery-slide img{height:360px}
 .project-gallery-views{gap:22px;padding-top:4px}
 .project-gallery-caption{font-size:.78rem;min-height:40px}
 .construction-action{margin-top:20px;align-self:flex-start;scroll-margin-bottom:110px}
}
@media(prefers-reduced-motion:reduce){.construction-feature *{scroll-behavior:auto!important;transition:none!important}}