/* Shared capability template (NPI, Electronic Manufacturing, Box Build, Inspection, Test, Supply Chain, Cable and Harness, Rework and Coating).
   Hero, introduction, process band and closing come from pcb-concept.css; this file adds the numbered service list and the photo-and-list feature. */

/* Numbered service list on the mist background. */
.capability-page .cap-services{padding-block:78px 70px;background:var(--mist)}
.capability-page .cap-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:43px}
.capability-page .cap-section-heading h2,.capability-page .cap-feature h2{font-size:clamp(38px,4.1vw,66px);line-height:1.07;letter-spacing:-.04em;margin:0}
.capability-page .cap-section-heading>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:375px}
.capability-page .cap-service-list{border-top:1px solid #b9c9b3}
.capability-page .cap-service-list article{display:grid;grid-template-columns:38px 1fr 1.25fr;gap:28px;align-items:start;border-bottom:1px solid #c4d2bd;padding:28px 0}
.capability-page .cap-index{font:11px var(--mono);color:var(--green);padding-top:7px}
.capability-page .cap-service-list h3{font-size:clamp(25px,2.2vw,33px);line-height:1.2;letter-spacing:-.035em;margin:0}
.capability-page .cap-service-list p{color:var(--muted);font-size:16px;line-height:1.7;max-width:540px}
.capability-page .cap-service-bottom{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-top:25px}
.capability-page .cap-service-bottom>p{max-width:580px;font-size:13px;line-height:1.8;color:var(--muted)}
.capability-page .cap-service-bottom strong{color:var(--ink);font-weight:550;margin-right:8px}
.capability-page .cap-service-bottom .text-link{flex-shrink:0;font-size:14px}

/* Grouped directory (PCB layout) used when a page lists capabilities by family. */
.capability-page .pcb-capabilities{padding-top:78px}
.capability-page .pcb-capabilities .capabilities-heading{padding-top:0}

/* Process band: heading proportions and link spacing. */
.capability-page .assembly-process .process-heading{grid-template-columns:1.3fr 1fr}
.capability-page .process-heading>div:last-child>p{max-width:410px;margin:0 0 22px}

/* Photo and definition list feature. */
.capability-page .cap-feature{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(40px,5vw,80px);padding-block:94px;background:var(--paper)}
.capability-page .cap-feature-image{position:relative;background:#e6eee5;padding:20px;align-self:stretch;min-height:540px;overflow:hidden;margin:0}
.capability-page .cap-feature-image img{display:block;object-fit:cover;position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 74px)}
.capability-page .cap-feature-image figcaption{position:absolute;bottom:20px;left:20px;right:20px;color:var(--muted);font-size:9px;letter-spacing:.04em;line-height:1.5}
.capability-page .cap-feature-copy>p:not(.eyebrow){margin:24px 0 26px;font-size:17px;line-height:1.75;color:var(--muted)}
.capability-page .cap-feature-list{margin:0}
.capability-page .cap-feature-list>div{display:grid;grid-template-columns:minmax(150px,.42fr) 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.capability-page .cap-feature-list dt{font-weight:550;font-size:16px;white-space:nowrap}
.capability-page .cap-feature-list dd{margin:0;color:var(--muted);font-size:15px;line-height:1.7}

@media(max-width:1000px){
  .capability-page .cap-section-heading{gap:40px}
  .capability-page .cap-service-list article{grid-template-columns:24px 1fr 1.2fr;gap:20px}
  .capability-page .cap-feature{gap:35px}
  .capability-page .cap-feature-image{min-height:560px}
  .capability-page .cap-feature-list>div{grid-template-columns:1fr;gap:6px}
  .capability-page .assembly-process .process-heading{grid-template-columns:1fr;gap:25px}
}
@media(max-width:700px){
  .capability-page .cap-services{padding-block:52px}
  .capability-page .pcb-capabilities{padding-top:52px}
  .capability-page .cap-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}
  .capability-page .cap-section-heading h2,.capability-page .cap-feature h2{font-size:38px}
  .capability-page .cap-section-heading>p,.capability-page .cap-feature-copy>p:not(.eyebrow){font-size:16px}
  .capability-page .cap-service-list article{grid-template-columns:24px 1fr;gap:10px 14px;padding-block:24px}
  .capability-page .cap-service-list p{grid-column:2;font-size:16px}
  .capability-page .cap-service-list h3{font-size:26px}
  .capability-page .cap-service-bottom{align-items:start;flex-direction:column;gap:19px}
  .capability-page .cap-feature{grid-template-columns:1fr;gap:35px;padding-block:54px}
  .capability-page .cap-feature-image{min-height:0;aspect-ratio:1.04;padding:15px}
  .capability-page .cap-feature-image img{inset:15px;width:calc(100% - 30px);height:calc(100% - 63px)}
  .capability-page .cap-feature-image figcaption{left:15px;right:15px;bottom:15px;font-size:8px}
  .capability-page .cap-feature-list>div{grid-template-columns:130px 1fr;gap:16px}
}
@media(max-width:430px){
  .capability-page .cap-feature-list>div{grid-template-columns:1fr;gap:7px}
  .capability-page .cap-section-heading h2,.capability-page .cap-feature h2{font-size:35px}
}