/* Only the first capability section: practical service scenes and readable card copy. */
#build .section-heading h2{font-size:clamp(34px,3.7vw,52px);line-height:1.18}
#build .section-heading>p{font-size:17px;line-height:1.7}
#build .concept-note{font-size:14px;line-height:1.75;max-width:900px;margin-bottom:24px}
#build .build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
#build .build-card{display:flex;flex-direction:column;min-width:0}
#build .build-card .service-scene{display:block;position:relative;width:100%;aspect-ratio:3/2;height:auto;padding:0;overflow:hidden;background:#eef2f5;border-bottom:1px solid var(--line)}
#build .service-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:none;transition:transform .25s ease}
#build .build-card:nth-child(1) .service-scene img{object-position:50% 44%}
#build .build-card:nth-child(2) .service-scene img{object-position:57% 50%}
#build .build-card:nth-child(3) .service-scene img{object-position:50% 54%}
#build .build-card:nth-child(4) .service-scene img{object-position:44% 50%}
#build .build-card:nth-child(5) .service-scene img{object-position:55% 50%}
#build .build-card:nth-child(6) .service-scene img{object-position:50% 45%}
#build .build-card-copy{padding:30px;display:flex;flex-direction:column;flex:1;min-width:0}
#build .build-number{font-size:14px;line-height:1.5;margin-bottom:14px}
#build .build-card h3{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:0;font-weight:650;overflow-wrap:normal}
#build .build-card p{font-size:17px;line-height:1.65;margin:17px 0 24px;min-height:0}
#build .build-card .detail-link{font-size:15px;line-height:1.6;padding-top:16px;margin-top:auto;min-height:44px}
@media(hover:hover){#build .build-card:hover .service-scene img{transform:scale(1.025)}}
@media(max-width:1100px){
 #build .build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 #build .build-card-copy{padding:26px}
 #build .build-card h3{font-size:26px;line-height:1.35}
 #build .build-card p{font-size:16px;line-height:1.7}
}
@media(max-width:650px){
 #build .build-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 #build .section-heading h2{font-size:34px;line-height:1.25}
 #build .section-heading>p{font-size:16px}
 #build .concept-note{font-size:13px;line-height:1.75}
 #build .build-card-copy{padding:24px}
 #build .build-card h3{font-size:25px;line-height:1.35;letter-spacing:-.4px}
 #build .build-card p{font-size:16px;line-height:1.7;margin:16px 0 22px}
 #build .build-card .detail-link{font-size:15px}
}
html[lang=hi] #build .build-card h3,html[lang=mr] #build .build-card h3{letter-spacing:normal;line-height:1.55}
@media(prefers-reduced-motion:reduce){#build .service-scene img{transition:none}#build .build-card:hover .service-scene img{transform:none}}
.build-card-title-link{color:inherit;text-decoration:none}.build-card-title-link:focus-visible{outline:3px solid #e3422f;outline-offset:4px;border-radius:3px}

/* Mobile-first service shelf: compact, visual cards that are easy to scan with a thumb. */
@media(max-width:650px){
 #build .build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #build .build-card{border-radius:12px;overflow:hidden}
 #build .build-card .service-scene{aspect-ratio:1.16/1;height:auto}
 #build .build-card-copy{padding:14px 13px 13px}
 #build .build-number{font-size:10px;margin-bottom:7px;letter-spacing:.1em}
 #build .build-card h3{font-size:clamp(16px,4.8vw,18px);line-height:1.18;letter-spacing:-.45px}
 #build .build-card p{display:none}
 #build .build-card .detail-link{padding-top:10px;min-height:auto;font-size:0;line-height:1.2;gap:7px}
 #build .build-card .detail-link:before{content:'View service';font-size:12px;font-weight:800;line-height:1.2}
 #build .build-card .detail-link span{font-size:17px}
}
@media(max-width:359px){
 #build .build-grid{grid-template-columns:1fr}
 #build .build-card .service-scene{aspect-ratio:3/2}
}
