/* Capability detail page only: reuse the approved homepage machine imagery. */
.workshop-capabilities .capability-grid { align-items:stretch; }
.workshop-capabilities .capability-detail-card,
.workshop-capabilities .capability-detail-card.featured {
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:0;
  color:var(--ink);
  border-color:var(--border);
  background:rgba(255,255,255,.94);
}
.workshop-capabilities .capability-detail-card::after { display:none; }
.capability-detail-media {
  position:relative;
  aspect-ratio:4 / 3;
  overflow:hidden;
  background:#dfe4e8;
}
.capability-detail-media::after {
  position:absolute;
  inset:0;
  content:"";
  background:linear-gradient(180deg,rgba(4,12,21,.12),transparent 48%,rgba(4,12,21,.48));
  pointer-events:none;
}
.capability-detail-photo {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.capability-detail-photo--laser { object-position:33% 35%; }
.capability-detail-photo--press { object-position:70% 35%; }
.capability-detail-photo--robot { object-position:58% 35%; }
.capability-detail-photo--finishing { object-position:70% 35%; }
.capability-detail-media .card-number {
  position:absolute;
  z-index:2;
  top:16px;
  left:18px;
  color:#fff;
  font-family:Consolas,monospace;
  text-shadow:0 1px 5px rgba(0,0,0,.45);
}
.capability-detail-media .icon-shell {
  position:absolute;
  z-index:2;
  right:16px;
  bottom:16px;
  width:56px;
  height:56px;
  margin:0;
  color:#fff;
  border-color:rgba(255,255,255,.32);
  border-radius:12px;
  background:rgba(7,17,29,.82);
  backdrop-filter:blur(7px);
}
.capability-detail-media .icon-shell svg { width:32px; }
.capability-detail-copy {
  flex:1;
  display:flex;
  flex-direction:column;
  padding:24px 24px 22px;
}
.workshop-capabilities .capability-detail-card h3 {
  min-height:2.35em;
  font-size:clamp(1.55rem,1.75vw,1.8rem);
  line-height:1.18;
}
.workshop-capabilities .capability-detail-card p,
.workshop-capabilities .capability-detail-card.featured p {
  flex:1;
  margin:14px 0 26px;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.65;
}
.workshop-capabilities .capability-detail-card .card-meta,
.workshop-capabilities .capability-detail-card.featured .card-meta {
  position:static;
  display:block;
  padding-top:15px;
  color:var(--blue-700);
  border-top:1px solid var(--border);
  line-height:1.5;
}
@media(max-width:600px) {
  .workshop-capabilities .capability-detail-card { min-height:0; }
  .workshop-capabilities .capability-detail-card h3 { min-height:0; }
  .capability-detail-copy { padding:22px 22px 20px; }
}
@media(prefers-reduced-motion:reduce) {
  .workshop-capabilities .capability-detail-card { transition:none; }
}