{"id":53,"date":"2026-05-14T13:55:54","date_gmt":"2026-05-14T13:55:54","guid":{"rendered":"https:\/\/wp-test.smallpartsinc.com\/?page_id=53"},"modified":"2026-05-14T16:33:27","modified_gmt":"2026-05-14T16:33:27","slug":"capabilities","status":"publish","type":"page","link":"https:\/\/wp-test.smallpartsinc.com\/?page_id=53","title":{"rendered":"Capabilities"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Capabilities \u2014 Small Parts, Inc.<\/title>\n<meta name=\"description\" content=\"Precision metal stamping, multi-slide forming, tool &#038; die engineering, secondary operations, assembly, and materials expertise. From prototype to millions of parts per year.\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================\n   SPI CAPABILITIES PAGE \u2014 AMSTED STYLE\n   Photo-driven polish \u00b7 grayscale imagery\n   ============================================ *\/\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\n\nbody {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  background: #fff;\n  color: #1a1a1a;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  overflow-x: hidden;\n}\n\nimg { max-width: 100%; display: block; }\na { color: inherit; text-decoration: none; }\n.container { max-width: 1300px; margin: 0 auto; padding: 0 32px; }\n\n\/* ============================================\n   NAVIGATION (matches homepage & about)\n   ============================================ *\/\n\n.site-nav {\n  position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n  height: 76px; padding: 0 32px;\n  transition: all 0.4s ease;\n  background: transparent;\n}\n.site-nav.scrolled {\n  background: rgba(255,255,255,0.96);\n  backdrop-filter: blur(16px);\n  border-bottom: 1px solid rgba(0,0,0,0.06);\n}\n.nav-inner {\n  max-width: 1300px; margin: 0 auto; height: 100%;\n  display: flex; justify-content: space-between; align-items: center;\n}\n.nav-brand { display: flex; align-items: center; gap: 12px; }\n.nav-logo {\n  width: 40px; height: 40px;\n  background: #fff; color: #000;\n  border-radius: 6px;\n  display: flex; align-items: center; justify-content: center;\n  font-weight: 800; font-size: 17px; letter-spacing: -0.5px;\n  transition: all 0.3s;\n}\n.scrolled .nav-logo { background: #000; color: #fff; }\n.nav-brand-text { line-height: 1.1; }\n.nav-brand-name { font-size: 14px; font-weight: 700; letter-spacing: 1.5px; color: #fff; transition: color 0.3s; }\n.nav-brand-tag { font-size: 8px; letter-spacing: 2.5px; color: rgba(255,255,255,0.6); margin-top: 2px; transition: color 0.3s; }\n.scrolled .nav-brand-name { color: #000; }\n.scrolled .nav-brand-tag { color: rgba(0,0,0,0.5); }\n.nav-menu { display: flex; align-items: center; gap: 28px; list-style: none; }\n.nav-menu a {\n  font-size: 12px; font-weight: 600; letter-spacing: 0.5px;\n  color: rgba(255,255,255,0.85);\n  position: relative; transition: color 0.2s;\n}\n.nav-menu a:hover { color: #fff; }\n.nav-menu a.active { color: #fff; }\n.nav-menu a:not(.nav-phone)::after {\n  content: \"\"; position: absolute; bottom: -6px; left: 0;\n  width: 0; height: 2px; background: currentColor;\n  transition: width 0.3s ease;\n}\n.nav-menu a:not(.nav-phone).active::after,\n.nav-menu a:not(.nav-phone):hover::after { width: 100%; }\n.scrolled .nav-menu a { color: rgba(0,0,0,0.7); }\n.scrolled .nav-menu a:hover, .scrolled .nav-menu a.active { color: #000; }\n\n.nav-phone {\n  font-size: 12px; font-weight: 700;\n  padding: 10px 18px;\n  background: rgba(255,255,255,0.12);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,0.25);\n  border-radius: 4px;\n  color: #fff !important; letter-spacing: 0.5px;\n  transition: all 0.3s;\n}\n.nav-phone:hover { background: #fff !important; color: #000 !important; }\n.scrolled .nav-phone { background: transparent; color: #000 !important; border-color: rgba(0,0,0,0.25); }\n.scrolled .nav-phone:hover { background: #000 !important; color: #fff !important; }\n.nav-toggle { display: none; cursor: pointer; }\n\n\/* ============================================\n   BUTTONS (shared)\n   ============================================ *\/\n\n.btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 18px 36px; font-size: 13px; font-weight: 700;\n  letter-spacing: 0.8px; text-transform: uppercase;\n  text-decoration: none; border-radius: 4px; border: none;\n  cursor: pointer; transition: all 0.3s ease;\n  font-family: inherit;\n}\n.btn::after { content: \"\u2192\"; font-size: 14px; transition: transform 0.3s; }\n.btn:hover::after { transform: translateX(5px); }\n.btn-primary { background: #fff; color: #000; }\n.btn-primary:hover { background: #000; color: #fff; box-shadow: 0 0 0 1px #fff; }\n.btn-glass {\n  background: rgba(255,255,255,0.12); backdrop-filter: blur(12px);\n  color: #fff; border: 1px solid rgba(255,255,255,0.3);\n}\n.btn-glass:hover { background: rgba(255,255,255,0.22); border-color: #fff; }\n.btn-dark { background: #000; color: #fff; }\n.btn-dark:hover { background: #1a1a1a; }\n.btn-light-ghost {\n  background: transparent; color: #000;\n  border: 1px solid rgba(0,0,0,0.3);\n}\n.btn-light-ghost:hover { border-color: #000; background: #000; color: #fff; }\n\n\/* ============================================\n   SECTION KICKER BADGES\n   ============================================ *\/\n\n.section-kicker {\n  display: inline-block;\n  font-size: 11px; font-weight: 600;\n  letter-spacing: 3px; text-transform: uppercase;\n  padding: 8px 18px; background: #f5f5f5; border-radius: 4px;\n  color: #555; margin-bottom: 28px;\n}\n.section-kicker.dark {\n  background: rgba(255,255,255,0.08);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,0.15);\n  color: rgba(255,255,255,0.9);\n}\n.section-kicker.outline {\n  background: transparent; border: 1px solid #d0d0d0; color: #444;\n}\n\n\/* ============================================\n   PAGE HERO \u2014 PHOTO\/VIDEO OVERLAY\n\n   ASSET ZONE: Page hero background\n   - Use a tight shot of stamping presses running, sparks, or a\n     close-up of progressive die action. Motion shots work best.\n   - For video: replace .page-hero-image with <video class=\"page-hero-video\">\n   - Recommended: 1920x1080, B&W, 15-30 second loop of production\n   ============================================ *\/\n\n.page-hero {\n  position: relative;\n  height: 70vh; min-height: 540px;\n  overflow: hidden;\n  background: #0a0a0a;\n}\n\n.page-hero-video {\n  position: absolute; inset: 0;\n  width: 100%; height: 100%;\n  object-fit: cover;\n  filter: grayscale(1) contrast(1.1);\n  z-index: 1;\n}\n\n.page-hero-image {\n  position: absolute; inset: 0;\n  background:\n    linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.7) 100%),\n    url('https:\/\/images.unsplash.com\/photo-1565008576549-57569a49371d?w=1920&q=80') center\/cover;\n  filter: grayscale(1) contrast(1.1);\n}\n\n.page-hero-content {\n  position: relative; z-index: 5;\n  max-width: 1300px; margin: 0 auto;\n  padding: 200px 32px 80px;\n  height: 100%;\n  display: flex; flex-direction: column; justify-content: center;\n}\n\n.page-hero-kicker {\n  display: inline-block;\n  background: rgba(255,255,255,0.1);\n  backdrop-filter: blur(12px);\n  padding: 12px 24px;\n  border: 1px solid rgba(255,255,255,0.2);\n  border-radius: 4px;\n  font-size: 11px; font-weight: 600;\n  letter-spacing: 3px;\n  color: #fff; text-transform: uppercase;\n  margin-bottom: 32px;\n  align-self: flex-start;\n}\n\n.page-hero h1 {\n  font-size: clamp(40px, 5.5vw, 76px);\n  font-weight: 800; line-height: 1.04;\n  letter-spacing: -2px;\n  color: #fff; margin-bottom: 28px;\n  max-width: 880px;\n}\n\n.page-hero-sub {\n  font-size: 18px;\n  color: rgba(255,255,255,0.92);\n  line-height: 1.6;\n  max-width: 620px;\n  font-weight: 400;\n}\n\n\/* ============================================\n   INTRO \/ OVERVIEW BAND\n\n   ASSET ZONE: .intro-image\n   - Recommended: wide shot of shop floor with multiple presses\n     running, or a close-up of a stamped part being inspected.\n   ============================================ *\/\n\n.intro-section {\n  padding: 140px 32px;\n  background: #fff;\n}\n\n.intro-grid {\n  display: grid; grid-template-columns: 1fr 1.1fr;\n  gap: 80px; align-items: center;\n  max-width: 1300px; margin: 0 auto;\n}\n\n.intro-text h2 {\n  font-size: clamp(36px, 4.5vw, 56px);\n  font-weight: 800; line-height: 1.05;\n  letter-spacing: -1.5px; color: #000;\n  margin-bottom: 28px;\n}\n\n.intro-text p {\n  font-size: 17px; line-height: 1.8;\n  color: #555; max-width: 540px;\n  margin-bottom: 18px;\n}\n\n.intro-quote {\n  margin-top: 24px;\n  padding: 20px 28px;\n  border-left: 2px solid #000;\n  font-size: 16px; line-height: 1.7;\n  color: #333; font-style: italic;\n  max-width: 540px;\n}\n\n.intro-image {\n  position: relative;\n  height: 600px;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #f0f0f0;\n}\n\n.intro-image-bg {\n  position: absolute; inset: 0;\n  width: 100%; height: 100%;\n  background-image: url('https:\/\/images.unsplash.com\/photo-1565514020179-026b92b84bb6?w=1200&q=80');\n  background-size: cover;\n  background-position: center;\n  filter: grayscale(1) contrast(1.05);\n  transition: transform 0.6s ease;\n}\n\n.intro-image:hover .intro-image-bg { transform: scale(1.04); }\n\n.intro-image-caption {\n  position: absolute; bottom: 24px; left: 24px;\n  background: rgba(255,255,255,0.95);\n  backdrop-filter: blur(10px);\n  padding: 12px 18px;\n  border-radius: 4px;\n  font-size: 11px; font-weight: 700;\n  letter-spacing: 1.5px; text-transform: uppercase;\n  color: #000;\n  z-index: 5;\n}\n\n\/* Stats inline beneath intro *\/\n.intro-stats {\n  display: grid; grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  max-width: 1300px; margin: 80px auto 0;\n  padding-top: 56px;\n  border-top: 1px solid #ececec;\n}\n\n.intro-stat-num {\n  font-size: clamp(40px, 4.5vw, 60px);\n  font-weight: 800; line-height: 1;\n  letter-spacing: -2px;\n  color: #000;\n  margin-bottom: 12px;\n}\n\n.intro-stat-label {\n  font-size: 12px; font-weight: 700;\n  color: #1a1a1a; letter-spacing: 0.5px;\n  margin-bottom: 4px;\n}\n\n.intro-stat-sub {\n  font-size: 11px; color: #888;\n}\n\n\/* ============================================\n   CAPABILITY CARDS \u2014 HORIZONTAL SPLIT\n\n   ASSET ZONE: each .cap-card-image\n   - Recommended per card:\n     1. Stamping \u2192 progressive die in motion, close-up\n     2. Multi-Slide \u2192 four-slide machine forming a part\n     3. Tool & Die \u2192 engineer at CAD station or wire EDM\n     4. Secondary \u2192 plating tank, welding, or clean room\n     5. Assembly \u2192 automated assembly cell, robot arm\n     6. Materials \u2192 coil stock, copper sheet, raw material warehouse\n   ============================================ *\/\n\n.capabilities-section {\n  padding: 140px 32px;\n  background: #fafafa;\n  border-top: 1px solid #f0f0f0;\n}\n\n.capabilities-inner {\n  max-width: 1300px; margin: 0 auto;\n}\n\n.capabilities-header {\n  text-align: center; margin-bottom: 64px;\n}\n\n.capabilities-header h2 {\n  font-size: clamp(36px, 4.5vw, 56px);\n  font-weight: 800; line-height: 1.05;\n  letter-spacing: -1.5px; color: #000;\n  margin-bottom: 20px;\n}\n\n.capabilities-header p {\n  font-size: 16px; color: #555;\n  line-height: 1.7; max-width: 600px; margin: 0 auto;\n}\n\n.cap-stack {\n  display: flex; flex-direction: column;\n  gap: 24px;\n}\n\n.cap-card {\n  display: grid;\n  grid-template-columns: 1fr 1.2fr 1fr;\n  background: #fff;\n  border: 1px solid #ececec;\n  border-radius: 8px;\n  overflow: hidden;\n  transition: all 0.3s;\n}\n\n.cap-card:hover {\n  border-color: #000;\n  transform: translateY(-3px);\n  box-shadow: 0 16px 40px rgba(0,0,0,0.06);\n}\n\n\/* ASSET ZONE: capability image (left tile) *\/\n.cap-card-image {\n  position: relative;\n  min-height: 280px;\n  background: #f0f0f0;\n  overflow: hidden;\n}\n\n.cap-card-image-bg {\n  position: absolute; inset: 0;\n  background-size: cover;\n  background-position: center;\n  filter: grayscale(1) contrast(1.05);\n  transition: transform 0.6s ease, filter 0.6s ease;\n}\n\n.cap-card:hover .cap-card-image-bg {\n  transform: scale(1.06);\n  filter: grayscale(0.7) contrast(1.05);\n}\n\n.cap-card-image-num {\n  position: absolute; top: 20px; left: 20px;\n  background: rgba(255,255,255,0.95);\n  backdrop-filter: blur(10px);\n  padding: 8px 14px;\n  border-radius: 4px;\n  font-size: 11px; font-weight: 800;\n  letter-spacing: 1.5px;\n  color: #000;\n  z-index: 5;\n}\n\n.cap-card-body {\n  padding: 36px 36px;\n  display: flex; flex-direction: column; justify-content: center;\n}\n\n.cap-card-title {\n  font-size: 22px; font-weight: 800;\n  color: #000; letter-spacing: -0.5px;\n  margin-bottom: 14px;\n}\n\n.cap-card-desc {\n  font-size: 14.5px; color: #555;\n  line-height: 1.75;\n}\n\n.cap-card-equipment {\n  background: #fafafa;\n  border-left: 1px solid #ececec;\n  padding: 36px 32px;\n  display: flex; flex-direction: column; justify-content: center;\n}\n\n.cap-card-equipment-label {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 2.5px;\n  color: #888; text-transform: uppercase;\n  margin-bottom: 14px;\n}\n\n.cap-card-equipment-list {\n  font-size: 13px; color: #444;\n  line-height: 1.85;\n}\n\n\/* ============================================\n   PRODUCT FAMILIES \u2014 TAG GRID\n   ============================================ *\/\n\n.products-section {\n  padding: 140px 32px;\n  background: #fff;\n}\n\n.products-inner {\n  max-width: 1300px; margin: 0 auto;\n}\n\n.products-header {\n  text-align: center; margin-bottom: 56px;\n}\n\n.products-header h2 {\n  font-size: clamp(36px, 4.5vw, 52px);\n  font-weight: 800; line-height: 1.05;\n  letter-spacing: -1.5px; color: #000;\n  margin-bottom: 20px;\n}\n\n.products-header p {\n  font-size: 16px; color: #555;\n  line-height: 1.7; max-width: 620px; margin: 0 auto;\n}\n\n.products-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 14px;\n}\n\n.product-tag {\n  background: #fff;\n  border: 1px solid #ececec;\n  border-radius: 6px;\n  padding: 22px 24px;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 700;\n  color: #000;\n  letter-spacing: -0.2px;\n  transition: all 0.3s;\n  cursor: default;\n}\n\n.product-tag:hover {\n  background: #000;\n  color: #fff;\n  border-color: #000;\n  transform: translateY(-3px);\n  box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n}\n\n\/* ============================================\n   QUALITY ASSURANCE \u2014 DARK PARALLAX BAND\n\n   ASSET ZONE: .qa-section background\n   - Recommended: vision inspection system, CMM machine,\n     or close-up of part being measured. Will be heavily darkened.\n   ============================================ *\/\n\n.qa-section {\n  position: relative;\n  padding: 140px 32px;\n  background:\n    linear-gradient(180deg, rgba(0,0,0,0.78), rgba(0,0,0,0.92)),\n    url('https:\/\/images.unsplash.com\/photo-1581092580497-e0d23cbdf1dc?w=1920&q=80') center\/cover;\n  background-attachment: fixed;\n  text-align: center;\n  color: #fff;\n}\n\n.qa-section::before {\n  content: \"\"; position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n  background-size: 80px 80px;\n  pointer-events: none;\n}\n\n.qa-inner {\n  position: relative; z-index: 5;\n  max-width: 1100px; margin: 0 auto;\n}\n\n.qa-section h2 {\n  font-size: clamp(40px, 5vw, 64px);\n  font-weight: 800; line-height: 1;\n  letter-spacing: -1.5px; color: #fff;\n  margin-bottom: 28px;\n}\n\n.qa-section > .qa-inner > p {\n  font-size: 17px; color: rgba(255,255,255,0.85);\n  line-height: 1.7; max-width: 720px;\n  margin: 0 auto 56px;\n}\n\n.qa-features-label {\n  font-size: 11px; font-weight: 600;\n  letter-spacing: 3px; color: rgba(255,255,255,0.5);\n  text-transform: uppercase; margin-bottom: 24px;\n}\n\n.qa-grid {\n  display: grid; grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n}\n\n.qa-card {\n  background: rgba(255,255,255,0.08);\n  backdrop-filter: blur(12px);\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 6px;\n  padding: 28px 24px;\n  text-align: left;\n  transition: all 0.3s;\n}\n\n.qa-card:hover {\n  background: rgba(255,255,255,0.15);\n  border-color: rgba(255,255,255,0.4);\n  transform: translateY(-3px);\n}\n\n.qa-card-title {\n  font-size: 15px; font-weight: 800;\n  color: #fff;\n  margin-bottom: 8px;\n  letter-spacing: -0.2px;\n}\n\n.qa-card-desc {\n  font-size: 13px;\n  color: rgba(255,255,255,0.75);\n  line-height: 1.65;\n}\n\n\/* ============================================\n   ENGINEERING ADVANTAGE \u2014 SPLIT EDITORIAL\n\n   ASSET ZONE: .eng-image\n   - Recommended: engineer at CAD workstation, 3D model on screen,\n     team collaborating around prototype, or wire EDM in operation\n   ============================================ *\/\n\n.eng-section {\n  padding: 140px 32px;\n  background: #fff;\n}\n\n.eng-grid {\n  display: grid; grid-template-columns: 1.1fr 1fr;\n  gap: 80px; align-items: center;\n  max-width: 1300px; margin: 0 auto;\n}\n\n.eng-image {\n  position: relative;\n  height: 600px;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #f0f0f0;\n}\n\n.eng-image-bg {\n  position: absolute; inset: 0;\n  background:\n    linear-gradient(135deg, rgba(0,0,0,0.15), rgba(0,0,0,0.35)),\n    url('https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=1200&q=80') center\/cover;\n  filter: grayscale(1) contrast(1.05);\n  transition: transform 0.6s ease;\n}\n\n.eng-image:hover .eng-image-bg { transform: scale(1.04); }\n\n.eng-image-caption {\n  position: absolute; bottom: 24px; left: 24px;\n  background: rgba(255,255,255,0.95);\n  backdrop-filter: blur(10px);\n  padding: 12px 18px;\n  border-radius: 4px;\n  font-size: 11px; font-weight: 700;\n  letter-spacing: 1.5px; text-transform: uppercase;\n  color: #000;\n}\n\n.eng-text h2 {\n  font-size: clamp(36px, 4.5vw, 56px);\n  font-weight: 800; line-height: 1.05;\n  letter-spacing: -1.5px; color: #000;\n  margin-bottom: 24px;\n}\n\n.eng-text > p {\n  font-size: 17px; line-height: 1.8;\n  color: #555; max-width: 540px;\n  margin-bottom: 28px;\n}\n\n.eng-services {\n  margin-top: 32px;\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n\n.eng-service-pill {\n  background: #fafafa;\n  border: 1px solid #ececec;\n  border-radius: 6px;\n  padding: 16px 20px;\n  font-size: 13px; font-weight: 600;\n  color: #1a1a1a;\n  transition: all 0.3s;\n  position: relative;\n  padding-left: 38px;\n}\n\n.eng-service-pill::before {\n  content: \"\";\n  position: absolute;\n  left: 16px; top: 50%;\n  transform: translateY(-50%);\n  width: 8px; height: 8px;\n  background: #000;\n  border-radius: 50%;\n}\n\n.eng-service-pill:hover {\n  border-color: #000;\n  transform: translateX(4px);\n}\n\n\/* ============================================\n   FACILITY VIDEO BAND \u2014 FULL-WIDTH MEDIA\n\n   ASSET ZONE: .video-band\n   - Embed a 60-90 second facility tour video here\n   - Recommended: production line in motion, B&W, no audio required\n   ============================================ *\/\n\n.video-band-section {\n  padding: 0 32px 140px;\n  background: #fff;\n}\n\n.video-band {\n  position: relative;\n  max-width: 1300px; margin: 0 auto;\n  height: 560px;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #0a0a0a;\n  cursor: pointer;\n}\n\n.video-band-image {\n  position: absolute; inset: 0;\n  background:\n    linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%),\n    url('https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?w=1920&q=80') center\/cover;\n  filter: grayscale(1) contrast(1.1);\n  transition: transform 0.6s ease;\n}\n\n.video-band:hover .video-band-image { transform: scale(1.03); }\n\n.video-band-content {\n  position: absolute; inset: 0;\n  display: flex; flex-direction: column;\n  justify-content: center; align-items: center;\n  z-index: 5;\n  text-align: center;\n  padding: 0 32px;\n}\n\n.video-band-play {\n  width: 88px; height: 88px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.15);\n  backdrop-filter: blur(12px);\n  border: 2px solid rgba(255,255,255,0.6);\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 28px;\n  transition: all 0.3s;\n}\n\n.video-band:hover .video-band-play {\n  background: #fff;\n  transform: scale(1.08);\n}\n\n.video-band-play::after {\n  content: \"\";\n  width: 0; height: 0;\n  border-left: 22px solid #fff;\n  border-top: 14px solid transparent;\n  border-bottom: 14px solid transparent;\n  margin-left: 6px;\n  transition: border-left-color 0.3s;\n}\n\n.video-band:hover .video-band-play::after {\n  border-left-color: #000;\n}\n\n.video-band-label {\n  font-size: 11px; font-weight: 700;\n  letter-spacing: 3px;\n  color: rgba(255,255,255,0.7);\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n\n.video-band-title {\n  font-size: clamp(28px, 3.5vw, 44px);\n  font-weight: 800; line-height: 1.1;\n  letter-spacing: -1px;\n  color: #fff;\n  max-width: 720px;\n}\n\n\/* ============================================\n   FINAL CTA\n   ============================================ *\/\n\n.cta-section {\n  position: relative;\n  padding: 140px 32px;\n  background: linear-gradient(135deg, #f8f8f8 0%, #ececec 100%);\n  overflow: hidden;\n  text-align: center;\n}\n\n.cta-section::before {\n  content: \"\"; position: absolute;\n  top: -100px; right: -100px;\n  width: 600px; height: 600px;\n  background: radial-gradient(circle, rgba(0,0,0,0.04) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.cta-inner {\n  position: relative; z-index: 5;\n  max-width: 900px; margin: 0 auto;\n}\n\n.cta-section h2 {\n  font-size: clamp(40px, 5.5vw, 72px);\n  font-weight: 800; line-height: 1;\n  letter-spacing: -2px; color: #000;\n  margin-bottom: 28px;\n}\n\n.cta-section > .cta-inner > p {\n  font-size: 17px; color: #555;\n  line-height: 1.7; margin-bottom: 36px;\n}\n\n.cta-buttons {\n  display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;\n}\n\n\/* ============================================\n   FOOTER\n   ============================================ *\/\n\n.site-footer { background: #0a0a0a; padding: 80px 32px 36px; }\n.footer-inner { max-width: 1300px; margin: 0 auto; }\n.footer-cols {\n  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n  gap: 48px; margin-bottom: 60px;\n}\n.footer-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }\n.footer-logo {\n  width: 38px; height: 38px;\n  background: #fff; color: #000; border-radius: 4px;\n  display: flex; align-items: center; justify-content: center;\n  font-weight: 800; font-size: 16px;\n}\n.footer-brand-name { font-size: 15px; font-weight: 700; letter-spacing: 1.5px; color: #fff; }\n.footer-tagline { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.7; max-width: 280px; margin-bottom: 14px; }\n.footer-phone { font-size: 13px; color: rgba(255,255,255,0.7); }\n.footer-col-title {\n  font-size: 11px; font-weight: 700; letter-spacing: 2px;\n  color: rgba(255,255,255,0.4); margin-bottom: 18px; text-transform: uppercase;\n}\n.footer-col a {\n  display: block; font-size: 13px; color: rgba(255,255,255,0.6);\n  margin-bottom: 10px; transition: color 0.2s;\n}\n.footer-col a:hover { color: #fff; }\n.footer-bottom {\n  border-top: 1px solid rgba(255,255,255,0.08);\n  padding-top: 28px;\n  display: flex; justify-content: space-between;\n  flex-wrap: wrap; gap: 16px; align-items: center;\n}\n.footer-copyright { font-size: 11px; color: rgba(255,255,255,0.4); }\n.footer-legal { display: flex; gap: 20px; }\n.footer-legal a { font-size: 11px; color: rgba(255,255,255,0.4); transition: color 0.2s; }\n.footer-legal a:hover { color: #fff; }\n\n\/* ============================================\n   SCROLL REVEAL\n   ============================================ *\/\n\n.reveal {\n  opacity: 0; transform: translateY(40px);\n  transition: opacity 0.8s ease, transform 0.8s ease;\n}\n.reveal.visible { opacity: 1; transform: translateY(0); }\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n\n@media (max-width: 1200px) { .nav-menu { gap: 18px; } .nav-menu a { font-size: 11px; } }\n\n@media (max-width: 1024px) {\n  .nav-menu { gap: 14px; }\n  .intro-grid, .eng-grid {\n    grid-template-columns: 1fr; gap: 48px;\n  }\n  .intro-stats { grid-template-columns: repeat(2, 1fr); }\n  .cap-card { grid-template-columns: 1fr; }\n  .cap-card-image { min-height: 240px; }\n  .cap-card-equipment { border-left: none; border-top: 1px solid #ececec; }\n  .products-grid { grid-template-columns: repeat(3, 1fr); }\n  .qa-grid { grid-template-columns: 1fr 1fr; }\n  .eng-services { grid-template-columns: 1fr; }\n  .footer-cols { grid-template-columns: 2fr 1fr 1fr; }\n}\n\n@media (max-width: 768px) {\n  .nav-menu { display: none; }\n  .nav-toggle { display: flex; flex-direction: column; gap: 4px; cursor: pointer; padding: 6px; }\n  .nav-toggle span { width: 22px; height: 2px; background: #fff; }\n  .scrolled .nav-toggle span { background: #000; }\n\n  .page-hero { height: 60vh; min-height: 440px; }\n  .page-hero-content { padding: 140px 20px 60px; }\n\n  .intro-section, .capabilities-section, .products-section,\n  .qa-section, .eng-section, .video-band-section, .cta-section {\n    padding: 80px 20px;\n  }\n  .video-band-section { padding-bottom: 80px; }\n\n  .intro-image, .eng-image { height: 380px; }\n  .video-band { height: 420px; }\n\n  .intro-stats { grid-template-columns: 1fr 1fr; }\n  .products-grid { grid-template-columns: 1fr 1fr; }\n  .qa-grid { grid-template-columns: 1fr; }\n\n  .footer-cols { grid-template-columns: 1fr 1fr; gap: 32px; }\n  .footer-bottom { flex-direction: column; align-items: flex-start; }\n}\n\n@media (max-width: 480px) {\n  .footer-cols { grid-template-columns: 1fr; }\n  .intro-stats { grid-template-columns: 1fr; }\n  .products-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- ============================================\n     NAVIGATION\n     ============================================ -->\n<nav class=\"site-nav\" id=\"siteNav\">\n  <div class=\"nav-inner\">\n    <a href=\"\/\" class=\"nav-brand\">\n      <div class=\"nav-logo\">SP<\/div>\n      <div class=\"nav-brand-text\">\n        <div class=\"nav-brand-name\">SMALL PARTS<\/div>\n        <div class=\"nav-brand-tag\">PRECISION MANUFACTURING<\/div>\n      <\/div>\n    <\/a>\n    <ul class=\"nav-menu\">\n      <li><a href=\"\/about\">About<\/a><\/li>\n      <li><a href=\"\/capabilities\" class=\"active\">Capabilities<\/a><\/li>\n      <li><a href=\"\/industries\">Industries<\/a><\/li>\n      <li><a href=\"\/engineering\">Engineering<\/a><\/li>\n      <li><a href=\"\/quality\">Quality<\/a><\/li>\n      <li><a href=\"\/careers\">Careers<\/a><\/li>\n      <li><a href=\"\/contact\">Contact<\/a><\/li>\n      <li><a href=\"tel:5747536323\" class=\"nav-phone\">574-753-6323<\/a><\/li>\n    <\/ul>\n    <div class=\"nav-toggle\" id=\"navToggle\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<!-- ============================================\n     PAGE HERO\n     ASSET ZONE: hero photo or video \u2014 production action\n     ============================================ -->\n<section class=\"page-hero\">\n\n  <!-- VIDEO ZONE (uncomment to use video instead of photo)\n  <video class=\"page-hero-video\" autoplay muted loop playsinline poster=\"\/images\/capabilities-hero-poster.jpg\">\n    <source src=\"\/videos\/capabilities-hero.mp4\" type=\"video\/mp4\">\n  <\/video>\n  -->\n\n  <!-- PHOTO ZONE (currently active) -->\n  <div class=\"page-hero-image\"><\/div>\n\n  <div class=\"page-hero-content\">\n    <span class=\"page-hero-kicker\">Capabilities<\/span>\n    <h1>Precision Manufacturing at Scale.<\/h1>\n    <p class=\"page-hero-sub\">From prototype support to millions of parts per year. Advanced capabilities delivering consistent quality for the world&#8217;s most demanding applications.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ============================================\n     INTRO \/ OVERVIEW\n     ASSET ZONE: shop floor or part inspection photo\n     ============================================ -->\n<section class=\"intro-section\">\n  <div class=\"intro-grid\">\n    <div class=\"intro-text reveal\">\n      <span class=\"section-kicker outline\">A World of Stamping<\/span>\n      <h2>More than meets the eye.<\/h2>\n      <p>There&#8217;s a lot more to Small Parts than our name implies. Our highly integrated tool &#038; process engineering team delivers maximum tool life and zero-defect parts, whether you need a few hundred prototypes or several million production units a year.<\/p>\n      <p>We seldom just stamp and ship. From material selection through secondary operations, finishing, and assembly, we manage the entire process \u2014 so the part you receive is line-ready, qualified, and consistent.<\/p>\n      <p class=\"intro-quote\">&#8220;Our name is Small Parts, but there&#8217;s a world of stamping manufacturing that goes into our business.&#8221;<\/p>\n    <\/div>\n\n    <!-- ASSET ZONE: shop-floor or close-up part photo\n         Replace background-image URL in CSS rule .intro-image-bg -->\n    <div class=\"intro-image reveal\">\n      <div class=\"intro-image-bg\"><\/div>\n      <div class=\"intro-image-caption\">Logansport Shop Floor<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Capability stats -->\n  <div class=\"intro-stats\">\n    <div class=\"reveal\">\n      <div class=\"intro-stat-num\">93+<\/div>\n      <div class=\"intro-stat-label\">Multi-Slides<\/div>\n      <div class=\"intro-stat-sub\">Across 4 facilities<\/div>\n    <\/div>\n    <div class=\"reveal\">\n      <div class=\"intro-stat-num\">21<\/div>\n      <div class=\"intro-stat-label\">Punch Presses<\/div>\n      <div class=\"intro-stat-sub\">22\u2013125 ton range<\/div>\n    <\/div>\n    <div class=\"reveal\">\n      <div class=\"intro-stat-num\">6<\/div>\n      <div class=\"intro-stat-label\">Wire EDM<\/div>\n      <div class=\"intro-stat-sub\">Running 24\/7<\/div>\n    <\/div>\n    <div class=\"reveal\">\n      <div class=\"intro-stat-num\">100%<\/div>\n      <div class=\"intro-stat-label\">In-House Tooling<\/div>\n      <div class=\"intro-stat-sub\">Design, build, repair<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================\n     CAPABILITY CARDS \u2014 HORIZONTAL SPLIT\n     ASSET ZONE: per-capability photos (6 total)\n     ============================================ -->\n<section class=\"capabilities-section\" id=\"capabilities\">\n  <div class=\"capabilities-inner\">\n    <div class=\"capabilities-header reveal\">\n      <span class=\"section-kicker\">Core Capabilities<\/span>\n      <h2>Six disciplines under one roof.<\/h2>\n      <p>From the first feasibility review to the final qualification report, every capability is integrated and engineered to work together.<\/p>\n    <\/div>\n\n    <div class=\"cap-stack\">\n\n      <!-- 01 \u2014 STAMPING -->\n      <!-- ASSET ZONE: progressive die in motion \/ press close-up\n           Replace background-image URL inline below -->\n      <div class=\"cap-card reveal\" id=\"stamping\">\n        <div class=\"cap-card-image\">\n          <div class=\"cap-card-image-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?w=1200&#038;q=80');\"><\/div>\n          <div class=\"cap-card-image-num\">01<\/div>\n        <\/div>\n        <div class=\"cap-card-body\">\n          <div class=\"cap-card-title\">Precision Metal Stamping<\/div>\n          <p class=\"cap-card-desc\">High-volume progressive and compound die stamping with tight tolerances for mission-critical components. Our state-of-the-art process delivers precision and adaptability \u2014 from intricate shapes to complex multi-step formations.<\/p>\n        <\/div>\n        <div class=\"cap-card-equipment\">\n          <div class=\"cap-card-equipment-label\">Equipment &#038; Capacity<\/div>\n          <div class=\"cap-card-equipment-list\">21 Punch Presses (22\u2013125 ton)<br>2 Servo Presses (121\u2013176 ton AIDA)<br>Bruderer High-Speed Presses<br>2 Rotary Slides (RF80, RF150)<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 02 \u2014 MULTI-SLIDE -->\n      <!-- ASSET ZONE: four-slide forming machine in operation -->\n      <div class=\"cap-card reveal\" id=\"multi-slide\">\n        <div class=\"cap-card-image\">\n          <div class=\"cap-card-image-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1565514020179-026b92b84bb6?w=1200&#038;q=80');\"><\/div>\n          <div class=\"cap-card-image-num\">02<\/div>\n        <\/div>\n        <div class=\"cap-card-body\">\n          <div class=\"cap-card-title\">Multi-Slide &#038; Four-Slide Forming<\/div>\n          <p class=\"cap-card-desc\">Complex geometries and intricate forms through advanced multi-slide forming. Ideal for high-volume production of connectors, clips, and precision-formed components where progressive dies fall short.<\/p>\n        <\/div>\n        <div class=\"cap-card-equipment\">\n          <div class=\"cap-card-equipment-label\">Equipment &#038; Capacity<\/div>\n          <div class=\"cap-card-equipment-list\">93+ multi-slides across facilities<br>Models: 751, 28, 33, 35, 620<br>Hovis Stamping Machines<br>U.S. and Mexico capacity<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 03 \u2014 TOOL & DIE -->\n      <!-- ASSET ZONE: engineer at CAD station \/ wire EDM in operation -->\n      <div class=\"cap-card reveal\" id=\"tool-die\">\n        <div class=\"cap-card-image\">\n          <div class=\"cap-card-image-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=1200&#038;q=80');\"><\/div>\n          <div class=\"cap-card-image-num\">03<\/div>\n        <\/div>\n        <div class=\"cap-card-body\">\n          <div class=\"cap-card-title\">Tool &#038; Die Engineering<\/div>\n          <p class=\"cap-card-desc\">In-house tooling design, build, and onsite repair across all four locations. Our dedicated team of design engineers and 24\/7 wire EDM capacity means faster timing on new programs and tighter change management.<\/p>\n        <\/div>\n        <div class=\"cap-card-equipment\">\n          <div class=\"cap-card-equipment-label\">Equipment &#038; Capacity<\/div>\n          <div class=\"cap-card-equipment-list\">In-house tool design &#038; fabrication<br>6 Wire EDM (24\/7 operation)<br>Market-segment application engineers<br>Tooling support on site in Mexico<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 04 \u2014 SECONDARY OPS -->\n      <!-- ASSET ZONE: plating tank \/ welding cell \/ clean room -->\n      <div class=\"cap-card reveal\" id=\"secondary\">\n        <div class=\"cap-card-image\">\n          <div class=\"cap-card-image-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1516937941344-00b4e0337589?w=1200&#038;q=80');\"><\/div>\n          <div class=\"cap-card-image-num\">04<\/div>\n        <\/div>\n        <div class=\"cap-card-body\">\n          <div class=\"cap-card-title\">Secondary Operations &#038; Finishing<\/div>\n          <p class=\"cap-card-desc\">Tapping, welding, riveting, staking, plating (including selective), heat treat, tumbling, silk screening, and medical-grade cleaning \u2014 all integrated into the production flow so parts ship line-ready.<\/p>\n        <\/div>\n        <div class=\"cap-card-equipment\">\n          <div class=\"cap-card-equipment-label\">Equipment &#038; Capacity<\/div>\n          <div class=\"cap-card-equipment-list\">Manual &#038; automated secondary ops<br>In-house plating \u00b7 selective plating<br>Heat treat \u00b7 medical-grade cleaning<br>Tumbling, de-bur, and silk screening<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 05 \u2014 ASSEMBLY -->\n      <!-- ASSET ZONE: automated assembly cell \/ robotic arm -->\n      <div class=\"cap-card reveal\" id=\"assembly\">\n        <div class=\"cap-card-image\">\n          <div class=\"cap-card-image-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?w=1200&#038;q=80');\"><\/div>\n          <div class=\"cap-card-image-num\">05<\/div>\n        <\/div>\n        <div class=\"cap-card-body\">\n          <div class=\"cap-card-title\">Assembly<\/div>\n          <p class=\"cap-card-desc\">In-die assembly, automated assembly cells (many built in-house), and manual assembly in both the U.S. and Mexico. Line-ready assemblies that save time, reduce supply chain complexity, and ship to your dock complete.<\/p>\n        <\/div>\n        <div class=\"cap-card-equipment\">\n          <div class=\"cap-card-equipment-label\">Equipment &#038; Capacity<\/div>\n          <div class=\"cap-card-equipment-list\">Automated assembly cells (in-house build)<br>In-die assembly<br>Bus bar fabricating<br>Manual assembly \u00b7 U.S. &#038; Mexico<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 06 \u2014 MATERIALS -->\n      <!-- ASSET ZONE: coil stock \/ copper sheet \/ raw material warehouse -->\n      <div class=\"cap-card reveal\" id=\"materials\">\n        <div class=\"cap-card-image\">\n          <div class=\"cap-card-image-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1567361808960-dec9cb578182?w=1200&#038;q=80');\"><\/div>\n          <div class=\"cap-card-image-num\">06<\/div>\n        <\/div>\n        <div class=\"cap-card-body\">\n          <div class=\"cap-card-title\">Materials Expertise<\/div>\n          <p class=\"cap-card-desc\">Deep knowledge of non-ferrous and specialty alloys. We produce copper-based, precious metal, and ferrous components \u2014 backed by C519 tariff mitigation strategies and 6-month fixed pricing through our commodities contracts.<\/p>\n        <\/div>\n        <div class=\"cap-card-equipment\">\n          <div class=\"cap-card-equipment-label\">Equipment &#038; Capacity<\/div>\n          <div class=\"cap-card-equipment-list\">Global material sourcing<br>Commodities contract hedging<br>6-month fixed pricing available<br>Copper, precious metal, ferrous specialization<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================\n     PRODUCT FAMILIES\n     ============================================ -->\n<section class=\"products-section\">\n  <div class=\"products-inner\">\n    <div class=\"products-header reveal\">\n      <span class=\"section-kicker outline\">Product Families<\/span>\n      <h2>What we make.<\/h2>\n      <p>Twelve component families across aerospace, automotive, electrical, industrial, and medical applications \u2014 each engineered to its own performance and quality requirements.<\/p>\n    <\/div>\n\n    <div class=\"products-grid\">\n      <div class=\"product-tag reveal\">Clips &amp; Connectors<\/div>\n      <div class=\"product-tag reveal\">Thrust Bearing Washers<\/div>\n      <div class=\"product-tag reveal\">LVD Components<\/div>\n      <div class=\"product-tag reveal\">Bus Bars<\/div>\n      <div class=\"product-tag reveal\">Brackets<\/div>\n      <div class=\"product-tag reveal\">Lead Frames<\/div>\n      <div class=\"product-tag reveal\">Shields &amp; Shielding<\/div>\n      <div class=\"product-tag reveal\">Press-Fit Pins<\/div>\n      <div class=\"product-tag reveal\">Terminals<\/div>\n      <div class=\"product-tag reveal\">Electronic Shielding<\/div>\n      <div class=\"product-tag reveal\">Automotive Powertrain<\/div>\n      <div class=\"product-tag reveal\">General Stampings<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================\n     QUALITY ASSURANCE \u2014 DARK PARALLAX\n     ASSET ZONE: dramatic inspection \/ metrology photo\n     ============================================ -->\n<section class=\"qa-section\">\n  <div class=\"qa-inner\">\n    <span class=\"section-kicker dark\">Quality Assurance<\/span>\n    <h2>Automated qualification, every part.<\/h2>\n    <p>Every facility includes automated qualification systems \u2014 vision inspection, eddy current testing, and calibration \u2014 ensuring consistency across millions of parts. We don&#8217;t just stamp and ship.<\/p>\n\n    <div class=\"qa-features-label\">Built Into Every Production Line<\/div>\n    <div class=\"qa-grid reveal\">\n      <div class=\"qa-card\">\n        <div class=\"qa-card-title\">Vision Inspection<\/div>\n        <div class=\"qa-card-desc\">In-line camera systems flagging dimensional and surface anomalies before parts move downstream.<\/div>\n      <\/div>\n      <div class=\"qa-card\">\n        <div class=\"qa-card-title\">Eddy Current Testing<\/div>\n        <div class=\"qa-card-desc\">Non-destructive testing for material consistency, hardness, and subsurface defects on critical parts.<\/div>\n      <\/div>\n      <div class=\"qa-card\">\n        <div class=\"qa-card-title\">Calibration Systems<\/div>\n        <div class=\"qa-card-desc\">Continuous calibration and statistical process control to maintain tolerances across million-piece runs.<\/div>\n      <\/div>\n      <div class=\"qa-card\">\n        <div class=\"qa-card-title\">CMM &amp; Metrology<\/div>\n        <div class=\"qa-card-desc\">Coordinate measuring machines verifying critical dimensions to AS9100 and IATF 16949 standards.<\/div>\n      <\/div>\n      <div class=\"qa-card\">\n        <div class=\"qa-card-title\">Medical-Grade Cleaning<\/div>\n        <div class=\"qa-card-desc\">Validated cleaning processes for components destined for insulin pumps, cochlear implants, and other devices.<\/div>\n      <\/div>\n      <div class=\"qa-card\">\n        <div class=\"qa-card-title\">Documentation &amp; Traceability<\/div>\n        <div class=\"qa-card-desc\">Full lot traceability from coil receipt through final shipment \u2014 required for aerospace and automotive programs.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================\n     ENGINEERING ADVANTAGE \u2014 SPLIT EDITORIAL\n     ASSET ZONE: engineer at CAD \/ 3D model \/ collaboration\n     ============================================ -->\n<section class=\"eng-section\">\n  <div class=\"eng-grid\">\n\n    <!-- ASSET ZONE: engineering photo\n         Replace background-image URL in CSS rule .eng-image-bg -->\n    <div class=\"eng-image reveal\">\n      <div class=\"eng-image-bg\"><\/div>\n      <div class=\"eng-image-caption\">Design for Manufacturability<\/div>\n    <\/div>\n\n    <div class=\"eng-text reveal\">\n      <span class=\"section-kicker outline\">Engineering Advantage<\/span>\n      <h2>Engineering that improves your products.<\/h2>\n      <p>Bring us your toughest part early. Our engineers partner with your team on design for manufacturability \u2014 improving tool life, reducing scrap, and lowering total manufacturing cost before the first die is cut.<\/p>\n      <p>Better parts, more efficient production, and lower total manufacturing cost.<\/p>\n\n      <div class=\"eng-services\">\n        <div class=\"eng-service-pill\">Die design for DFM<\/div>\n        <div class=\"eng-service-pill\">Tool &amp; die development<\/div>\n        <div class=\"eng-service-pill\">Prototype &amp; process optimization<\/div>\n        <div class=\"eng-service-pill\">Material selection<\/div>\n        <div class=\"eng-service-pill\">C519 tariff mitigation<\/div>\n        <div class=\"eng-service-pill\">Tooling support in Mexico<\/div>\n        <div class=\"eng-service-pill\">Materials optimization<\/div>\n        <div class=\"eng-service-pill\">Rapid production scaling<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ============================================\n     FACILITY VIDEO BAND\n     ASSET ZONE: facility tour video\n     ============================================ -->\n<section class=\"video-band-section\">\n\n  <!-- VIDEO ZONE\n       To activate, replace this entire .video-band div with:\n\n       <div class=\"video-band\">\n         <video autoplay muted loop playsinline\n                style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);\">\n           <source src=\"\/videos\/facility-tour.mp4\" type=\"video\/mp4\">\n         <\/video>\n         <div class=\"video-band-content\">\n           ...content here...\n         <\/div>\n       <\/div>\n\n       Recommended video: 60-90 second facility tour, B&W,\n       1920x1080, under 12MB, no audio required (will be muted) -->\n\n  <div class=\"video-band\">\n    <div class=\"video-band-image\"><\/div>\n    <div class=\"video-band-content\">\n      <div class=\"video-band-play\"><\/div>\n      <div class=\"video-band-label\">Inside Our Facilities<\/div>\n      <div class=\"video-band-title\">See precision manufacturing in motion.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================\n     FINAL CTA\n     ============================================ -->\n<section class=\"cta-section\">\n  <div class=\"cta-inner\">\n    <span class=\"section-kicker\">Ready to Build?<\/span>\n    <h2>Bring us your toughest part.<\/h2>\n    <p>Send us your prints, talk to our engineers, and see how we can improve your part \u2014 and your total manufacturing cost \u2014 before the first die is cut.<\/p>\n    <div class=\"cta-buttons\">\n      <a href=\"\/contact\" class=\"btn btn-dark\">Request a Quote<\/a>\n      <a href=\"\/engineering\" class=\"btn btn-light-ghost\">Engineering Services<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================\n     FOOTER\n     ============================================ -->\n<footer class=\"site-footer\">\n  <div class=\"footer-inner\">\n    <div class=\"footer-cols\">\n      <div>\n        <div class=\"footer-brand\">\n          <div class=\"footer-logo\">SP<\/div>\n          <div class=\"footer-brand-name\">SMALL PARTS, INC.<\/div>\n        <\/div>\n        <p class=\"footer-tagline\">Precision metal stamping and engineered components. Employee-owned since 1958.<\/p>\n        <p class=\"footer-phone\">574-753-6323<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <div class=\"footer-col-title\">Company<\/div>\n        <a href=\"\/about\">About<\/a>\n        <a href=\"\/about#history\">History<\/a>\n        <a href=\"\/about#mission\">Mission<\/a>\n        <a href=\"\/about#communities\">Communities<\/a>\n        <a href=\"\/careers\">Careers<\/a>\n        <a href=\"\/about#esop\">ESOP<\/a>\n        <a href=\"\/contact\">Contact<\/a>\n      <\/div>\n      <div class=\"footer-col\">\n        <div class=\"footer-col-title\">Capabilities<\/div>\n        <a href=\"\/capabilities#stamping\">Metal Stamping<\/a>\n        <a href=\"\/capabilities#multi-slide\">Multi-Slide<\/a>\n        <a href=\"\/capabilities#tool-die\">Tool &amp; Die<\/a>\n        <a href=\"\/capabilities#assembly\">Assembly<\/a>\n        <a href=\"\/capabilities#materials\">Materials<\/a>\n        <a href=\"\/capabilities#secondary\">Secondary Ops<\/a>\n      <\/div>\n      <div class=\"footer-col\">\n        <div class=\"footer-col-title\">Resources<\/div>\n        <a href=\"\/quality\">Quality<\/a>\n        <a href=\"\/quality#certifications\">Certifications<\/a>\n        <a href=\"\/quality#awards\">Awards<\/a>\n        <a href=\"\/industries\">Industries<\/a>\n        <a href=\"\/contact\">Request Quote<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <div class=\"footer-copyright\">\u00a9 2026 Small Parts, Inc. All rights reserved. An MPI Companies business.<\/div>\n      <div class=\"footer-legal\">\n        <a href=\"\/privacy\">Privacy<\/a>\n        <a href=\"\/terms\">Terms<\/a>\n        <a href=\"\/sitemap\">Sitemap<\/a>\n        <a href=\"https:\/\/mpi.com\">MPI<\/a>\n        <a href=\"https:\/\/hti.com\">HTI<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n\/\/ Sticky nav background\nwindow.addEventListener('scroll', function() {\n  var nav = document.getElementById('siteNav');\n  if (window.scrollY > 50) nav.classList.add('scrolled');\n  else nav.classList.remove('scrolled');\n});\n\n\/\/ Scroll reveal\nvar revealElements = document.querySelectorAll('.reveal');\nfunction checkReveals() {\n  var triggerBottom = window.innerHeight * 0.85;\n  revealElements.forEach(function(el) {\n    var rect = el.getBoundingClientRect();\n    if (rect.top < triggerBottom) el.classList.add('visible');\n  });\n}\nwindow.addEventListener('scroll', checkReveals);\nwindow.addEventListener('load', checkReveals);\ncheckReveals();\n\n\/\/ Mobile nav toggle\nvar navToggle = document.getElementById('navToggle');\nif (navToggle) {\n  navToggle.addEventListener('click', function() {\n    var menu = document.querySelector('.nav-menu');\n    menu.style.display = menu.style.display === 'flex' ? 'none' : 'flex';\n  });\n}\n\n\/\/ Video band placeholder click\ndocument.querySelector('.video-band').addEventListener('click', function() {\n  alert('Replace this .video-band block with the <video> element shown in the HTML comment above. The styling is already in place.');\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Capabilities \u2014 Small Parts, Inc. SP SMALL PARTS PRECISION MANUFACTURING About Capabilities Industries Engineering Quality Careers Contact 574-753-6323 Capabilities Precision Manufacturing at Scale. From prototype support to millions of parts per year. Advanced capabilities delivering consistent quality for the world&#8217;s most demanding applications. A World of Stamping More than meets the eye. There&#8217;s a lot&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Capabilities - Small Parts Inc.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-test.smallpartsinc.com\/?page_id=53\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Capabilities - Small Parts Inc.\" \/>\n<meta property=\"og:description\" content=\"Capabilities \u2014 Small Parts, Inc. SP SMALL PARTS PRECISION MANUFACTURING About Capabilities Industries Engineering Quality Careers Contact 574-753-6323 Capabilities Precision Manufacturing at Scale. From prototype support to millions of parts per year. Advanced capabilities delivering consistent quality for the world&#8217;s most demanding applications. A World of Stamping More than meets the eye. There&#8217;s a lot...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-test.smallpartsinc.com\/?page_id=53\" \/>\n<meta property=\"og:site_name\" content=\"Small Parts Inc.\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-14T16:33:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/?page_id=53\",\"url\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/?page_id=53\",\"name\":\"Capabilities - Small Parts Inc.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/#website\"},\"datePublished\":\"2026-05-14T13:55:54+00:00\",\"dateModified\":\"2026-05-14T16:33:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/?page_id=53#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/?page_id=53\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/?page_id=53#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Capabilities\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/#website\",\"url\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/\",\"name\":\"Small Parts Inc.\",\"description\":\"Excellence &amp; Service with Integrity\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/#organization\",\"name\":\"Small Parts Inc.\",\"url\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-smallparts-incorp-logo-1920x347-2.png\",\"contentUrl\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-smallparts-incorp-logo-1920x347-2.png\",\"width\":1920,\"height\":346,\"caption\":\"Small Parts Inc.\"},\"image\":{\"@id\":\"https:\\\/\\\/wp-test.smallpartsinc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Capabilities - Small Parts Inc.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp-test.smallpartsinc.com\/?page_id=53","og_locale":"en_US","og_type":"article","og_title":"Capabilities - Small Parts Inc.","og_description":"Capabilities \u2014 Small Parts, Inc. SP SMALL PARTS PRECISION MANUFACTURING About Capabilities Industries Engineering Quality Careers Contact 574-753-6323 Capabilities Precision Manufacturing at Scale. From prototype support to millions of parts per year. Advanced capabilities delivering consistent quality for the world&#8217;s most demanding applications. A World of Stamping More than meets the eye. There&#8217;s a lot...","og_url":"https:\/\/wp-test.smallpartsinc.com\/?page_id=53","og_site_name":"Small Parts Inc.","article_modified_time":"2026-05-14T16:33:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wp-test.smallpartsinc.com\/?page_id=53","url":"https:\/\/wp-test.smallpartsinc.com\/?page_id=53","name":"Capabilities - Small Parts Inc.","isPartOf":{"@id":"https:\/\/wp-test.smallpartsinc.com\/#website"},"datePublished":"2026-05-14T13:55:54+00:00","dateModified":"2026-05-14T16:33:27+00:00","breadcrumb":{"@id":"https:\/\/wp-test.smallpartsinc.com\/?page_id=53#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-test.smallpartsinc.com\/?page_id=53"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wp-test.smallpartsinc.com\/?page_id=53#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp-test.smallpartsinc.com\/"},{"@type":"ListItem","position":2,"name":"Capabilities"}]},{"@type":"WebSite","@id":"https:\/\/wp-test.smallpartsinc.com\/#website","url":"https:\/\/wp-test.smallpartsinc.com\/","name":"Small Parts Inc.","description":"Excellence &amp; Service with Integrity","publisher":{"@id":"https:\/\/wp-test.smallpartsinc.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-test.smallpartsinc.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wp-test.smallpartsinc.com\/#organization","name":"Small Parts Inc.","url":"https:\/\/wp-test.smallpartsinc.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-test.smallpartsinc.com\/#\/schema\/logo\/image\/","url":"https:\/\/wp-test.smallpartsinc.com\/wp-content\/uploads\/2026\/05\/cropped-smallparts-incorp-logo-1920x347-2.png","contentUrl":"https:\/\/wp-test.smallpartsinc.com\/wp-content\/uploads\/2026\/05\/cropped-smallparts-incorp-logo-1920x347-2.png","width":1920,"height":346,"caption":"Small Parts Inc."},"image":{"@id":"https:\/\/wp-test.smallpartsinc.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/wp-test.smallpartsinc.com\/index.php?rest_route=\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-test.smallpartsinc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp-test.smallpartsinc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp-test.smallpartsinc.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-test.smallpartsinc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=53"}],"version-history":[{"count":2,"href":"https:\/\/wp-test.smallpartsinc.com\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/wp-test.smallpartsinc.com\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/wp-test.smallpartsinc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}