{"id":1494,"date":"2026-08-06T16:53:17","date_gmt":"2026-08-06T16:53:17","guid":{"rendered":"https:\/\/demowebdesign.live\/jddemore\/?page_id=1494"},"modified":"2026-11-02T17:52:30","modified_gmt":"2026-11-02T17:52:30","slug":"capabilities","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/jddemore\/capabilities\/","title":{"rendered":"Capabilities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1494\" class=\"elementor elementor-1494\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ffd3e e-flex e-con-boxed e-con e-parent\" data-id=\"d4ffd3e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ea27d59 e-con-full e-flex e-con e-child\" data-id=\"ea27d59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6211bd elementor-widget elementor-widget-heading\" data-id=\"d6211bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">OUR CAPABILITIES<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-949f175 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"949f175\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Comprehensive Fabrication Solutions Built for Critical Infrastructure<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7eaab47 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7eaab47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>American Pipe &amp; Vessel provides end-to-end fabrication capabilities, from technical support and estimating to custom pipe and pressure vessel fabrication, coating, quality assurance, and project coordination. Our integrated approach emphasizes quality craftsmanship, dependable execution, and compliance with applicable AWWA and ASME standards.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62f6d51 e-con-full e-flex e-con e-child\" data-id=\"62f6d51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-59f1388 e-con-full e-flex e-con e-child\" data-id=\"59f1388\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7114e20 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"7114e20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/demowebdesign.live\/jddemore\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request a Quote<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32bd814 e-con-full e-flex e-con e-parent\" data-id=\"32bd814\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fb6283f e-con-full e-flex e-con e-child\" data-id=\"fb6283f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee0ca8d elementor-widget elementor-widget-html\" data-id=\"ee0ca8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n:root {\r\n  --apv-red: #c41e2a;\r\n  --apv-red-dark: #a01822;\r\n  --apv-red-light: rgba(196,30,42,0.06);\r\n  --apv-red-mid: rgba(196,30,42,0.12);\r\n  --apv-navy: #0a1628;\r\n  --apv-navy-light: #111d32;\r\n  --apv-navy-lighter: #1a2744;\r\n  --apv-steel: #8a9299;\r\n  --apv-steel-light: #b8bcc0;\r\n  --apv-white: #ffffff;\r\n  --apv-offwhite: #f8f9fa;\r\n  --apv-gray: #6b7280;\r\n  --apv-border: rgba(0,0,0,0.06);\r\n  --font-heading: 'Poppins', sans-serif;\r\n  --font-body: 'Poppins', sans-serif;\r\n}\r\n\r\nbody {\r\n  font-family: var(--font-body);\r\n  color: var(--apv-navy);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION 2 \u2014 ENGINEERING PROCESS\r\n   ============================================ *\/\r\n\r\n.section-process {\r\n  position: relative;\r\n  background: #fff !important;\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-process::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: 40px 40px;\r\n  pointer-events: none;\r\n}\r\n\r\n.process-header {\r\n  text-align: center;\r\n  margin-bottom: 80px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.process-label {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.process-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 46px;\r\n  font-weight: 600;\r\n  color: #000 !important;\r\n  line-height: 1.12;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.process-title em {\r\n  font-style: italic;\r\n  color: var(--apv-red);\r\n}\r\n\r\n.process-subtitle {\r\n  font-size: 17px;\r\n  color: #000 !important;\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n  font-weight: 300;\r\n}\r\n\r\n.process-track-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 0 40px;\r\n}\r\n\r\n.process-track {\r\n  position: absolute;\r\n  top: 44px;\r\n  left: 80px;\r\n  right: 80px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, rgba(196,30,42,0.15), rgba(196,30,42,0.05), rgba(196,30,42,0.15));\r\n  border-radius: 2px;\r\n  z-index: 0;\r\n}\r\n\r\n.process-track-fill {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 0%;\r\n  background: linear-gradient(90deg, var(--apv-red), rgba(196,30,42,0.6));\r\n  border-radius: 2px;\r\n  box-shadow: 0 0 20px rgba(196,30,42,0.3);\r\n  animation: processFill 3s ease-out forwards;\r\n}\r\n\r\n@keyframes processFill {\r\n  to { width: 100%; }\r\n}\r\n\r\n.process-steps {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n  position: relative;\r\n}\r\n\r\n.process-step {\r\n  flex: 1;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.process-node {\r\n  width: 90px;\r\n  height: 90px;\r\n  border-radius: 50%;\r\n  background: var(--apv-white);\r\n  border: 2px solid rgba(196,30,42,0.15);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 20px;\r\n  position: relative;\r\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n  cursor: pointer;\r\n  box-shadow: 0 6px 24px rgba(10,22,40,0.08);\r\n}\r\n\r\n.process-node::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -8px;\r\n  border-radius: 50%;\r\n  border: 1px dashed rgba(196,30,42,0);\r\n  transition: all 0.5s ease;\r\n}\r\n\r\n.process-node::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -4px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(196,30,42,0);\r\n  transition: all 0.5s ease 0.05s;\r\n}\r\n\r\n.process-step:hover .process-node {\r\n  border-color: var(--apv-red);\r\n  background: rgba(196,30,42,0.04);\r\n  transform: scale(1.12);\r\n  box-shadow: 0 0 40px rgba(196,30,42,0.15), 0 8px 30px rgba(10,22,40,0.08);\r\n}\r\n\r\n.process-step:hover .process-node::before {\r\n  border-color: rgba(196,30,42,0.2);\r\n}\r\n\r\n.process-step:hover .process-node::after {\r\n  border-color: rgba(196,30,42,0.35);\r\n}\r\n\r\n.process-node svg {\r\n  width: 32px;\r\n  height: 32px;\r\n  stroke: var(--apv-red);\r\n  fill: none;\r\n  stroke-width: 1.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.process-step-num {\r\n  position: absolute;\r\n  top: -6px;\r\n  right: -6px;\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  background: var(--apv-red);\r\n  color: var(--apv-white);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 2px solid var(--apv-white);\r\n}\r\n\r\n.process-card {\r\n  background: var(--apv-white);\r\n  border: 1px solid var(--apv-border);\r\n  border-radius: 14px;\r\n  padding: 20px 18px;\r\n  text-align: center;\r\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n  max-height: 80px;\r\n}\r\n\r\n.process-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--apv-red), transparent);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.process-step:hover .process-card {\r\n  max-height: 300px;\r\n  border-color: rgba(196,30,42,0.2);\r\n  box-shadow: 0 16px 48px rgba(10,22,40,0.08);\r\n  transform: translateY(-4px);\r\n  padding: 24px 18px 20px;\r\n}\r\n\r\n.process-step:hover .process-card::before {\r\n  opacity: 1;\r\n}\r\n\r\n.process-card-title {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n  margin-bottom: 6px;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n.process-card-desc {\r\n  font-size: 13px;\r\n  color: var(--apv-gray);\r\n  line-height: 1.6;\r\n  font-weight: 300;\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n  transition: all 0.4s ease 0.1s;\r\n  max-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.process-step:hover .process-card-desc {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  max-height: 200px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.process-arrow {\r\n  position: absolute;\r\n  top: 44px;\r\n  left: calc(50% + 50px);\r\n  width: calc(100% - 100px);\r\n  height: 2px;\r\n  z-index: 0;\r\n}\r\n\r\n.process-arrow::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, var(--apv-red), rgba(196,30,42,0.2));\r\n  opacity: 0;\r\n  animation: arrowReveal 0.5s ease forwards;\r\n}\r\n\r\n.process-arrow::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: -3px;\r\n  top: -3px;\r\n  width: 0;\r\n  height: 0;\r\n  border-left: 5px solid rgba(196,30,42,0.4);\r\n  border-top: 4px solid transparent;\r\n  border-bottom: 4px solid transparent;\r\n  opacity: 0;\r\n  animation: arrowReveal 0.5s ease forwards;\r\n}\r\n\r\n.process-step:nth-child(1) .process-arrow::before,\r\n.process-step:nth-child(1) .process-arrow::after { animation-delay: 0.4s; }\r\n.process-step:nth-child(2) .process-arrow::before,\r\n.process-step:nth-child(2) .process-arrow::after { animation-delay: 0.8s; }\r\n.process-step:nth-child(3) .process-arrow::before,\r\n.process-step:nth-child(3) .process-arrow::after { animation-delay: 1.2s; }\r\n.process-step:nth-child(4) .process-arrow::before,\r\n.process-step:nth-child(4) .process-arrow::after { animation-delay: 1.6s; }\r\n.process-step:nth-child(5) .process-arrow::before,\r\n.process-step:nth-child(5) .process-arrow::after { animation-delay: 2.0s; }\r\n.process-step:nth-child(6) .process-arrow::before,\r\n.process-step:nth-child(6) .process-arrow::after { animation-delay: 2.4s; }\r\n\r\n@keyframes arrowReveal {\r\n  to { opacity: 1; }\r\n}\r\n\r\n\/* ============================================\r\n   SECTION 3 \u2014 CORE SERVICE PILLARS\r\n   Now with real photos inside the skewed panels.\r\n   The image sits INSIDE .pillar-skew, so the\r\n   skewX(-10deg) transform on the parent skews\r\n   the photo along with it \u2014 exactly like the\r\n   design's signature parallelogram motif.\r\n   ============================================ *\/\r\n\r\n.section-pillars {\r\n  padding: 120px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-pillars::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(10,22,40,0.02) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(10,22,40,0.02) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n}\r\n\r\n.pillars-header {\r\n  text-align: center;\r\n  margin-bottom: 64px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.pillars-label {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.pillars-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 46px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n  line-height: 1.12;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.pillars-subtitle {\r\n  font-size: 17px;\r\n  color: var(--apv-gray);\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n  font-weight: 300;\r\n}\r\n\r\n.pillars-list {\r\n  position: relative;\r\n  z-index: 2;\r\n  background: var(--apv-white);\r\n  border: 1px solid var(--apv-border);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 30px 70px -35px rgba(10,22,40,0.25);\r\n  padding-left: 20px !important;\r\n  padding-right: 20px !important;\r\n}\r\n\r\n.pillar-row {\r\n  display: flex;\r\n  align-items: stretch;\r\n  min-height: 230px;\r\n  border-bottom: 1px solid rgba(10,22,40,0.07);\r\n  position: relative;\r\n  transition: background 0.4s ease;\r\n}\r\n\r\n.pillar-row:last-child { border-bottom: none; }\r\n\r\n.pillar-row:hover { background: rgba(196,30,42,0.025); }\r\n\r\n.pillar-row[data-side=\"right\"] { flex-direction: row-reverse; }\r\n\r\n.pillar-visual {\r\n  flex: 0 0 300px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 28px 22px;\r\n}\r\n\r\n\/* The skewed panel now carries a background-image (the photo).\r\n   background-size\/position control the crop; the transform\r\n   below skews the whole thing \u2014 photo included. *\/\r\n.pillar-skew {\r\n  position: absolute;\r\n  inset: 18px;\r\n  border-radius: 6px;\r\n  transform: skewX(-10deg);\r\n  overflow: hidden;\r\n  box-shadow: 0 22px 44px -20px rgba(10,22,40,0.4);\r\n  transition: transform 0.55s cubic-bezier(0.23,1,0.32,1), box-shadow 0.55s ease;\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-color: var(--apv-navy); \/* fallback while image loads *\/\r\n}\r\n\r\n\/* Color-tint overlay on top of the photo \u2014 keeps the brand's\r\n   navy\/red identity even though a real image sits underneath *\/\r\n.pillar-skew::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.pillar-row:nth-child(odd) .pillar-skew::before {\r\n  background: linear-gradient(135deg, rgba(10,22,40,0.1) 0%, rgba(17,29,50,0.72) 100%);\r\n}\r\n.pillar-row:nth-child(even) .pillar-skew::before {\r\n  background: linear-gradient(135deg, rgba(160,24,34,0.1) 0%, rgba(196,30,42,0.72) 100%);\r\n}\r\n\r\n\/* Fine grid texture, painted above the tint *\/\r\n.pillar-skew::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  background-size: 16px 16px;\r\n}\r\n\r\n.pillar-row:hover .pillar-skew {\r\n  transform: skewX(-10deg) scale(1.035);\r\n  box-shadow: 0 30px 60px -20px rgba(10,22,40,0.5);\r\n}\r\n\r\n.pillar-visual-inner {\r\n  position: relative;\r\n  z-index: 3;\r\n  transform: skewX(10deg);\r\n  text-align: center;\r\n}\r\n\r\n.pillar-index {\r\n  display: block;\r\n  font-family: var(--font-heading);\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  letter-spacing: 3px;\r\n  color: rgba(255,255,255,0.7);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.pillar-icon-circle {\r\n  width: 62px;\r\n  height: 62px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.12);\r\n  border: 1px solid rgba(255,255,255,0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto;\r\n  transition: transform 0.4s ease, background 0.4s ease;\r\n}\r\n\r\n.pillar-row:hover .pillar-icon-circle {\r\n  transform: scale(1.1);\r\n  background: rgba(255,255,255,0.2);\r\n}\r\n\r\n.pillar-icon-circle svg {\r\n  width: 26px;\r\n  height: 26px;\r\n  stroke: #fff;\r\n  fill: none;\r\n  stroke-width: 1.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.pillar-content {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 40px 56px;\r\n}\r\n\r\n.pillar-row[data-side=\"right\"] .pillar-content {\r\n  text-align: right;\r\n  align-items: flex-end;\r\n}\r\n\r\n.pillar-content h3 {\r\n  font-family: var(--font-heading);\r\n  font-weight: 600;\r\n  font-size: 27px;\r\n  color: var(--apv-navy);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.pillar-content p {\r\n  color: var(--apv-gray);\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n  max-width: 520px;\r\n  margin-bottom: 22px;\r\n  font-weight: 300;\r\n}\r\n\r\n.pillar-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.pillar-row[data-side=\"right\"] .pillar-tags {\r\n  justify-content: flex-end;\r\n}\r\n\r\n.tag {\r\n  font-size: 11.5px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  background: var(--apv-red-light);\r\n  border: 1px solid var(--apv-red-mid);\r\n  padding: 8px 16px;\r\n  border-radius: 20px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.pillar-row:hover .tag {\r\n  background: var(--apv-red-mid);\r\n  border-color: rgba(196,30,42,0.35);\r\n}\r\n\r\n\/* ============================================\r\n   SECTION 4 \u2014 CAPABILITIES SHOWCASE (Masonry)\r\n   Each card now shows a real photo as its\r\n   background, with a navy wash + grid texture\r\n   above it so text stays legible on hover.\r\n   ============================================ *\/\r\n\r\n.section-showcase {\r\n  background: var(--apv-white);\r\n  padding: 120px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.showcase-header {\r\n  text-align: center;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.showcase-label {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.showcase-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 46px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n  line-height: 1.12;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.showcase-title em {\r\n  font-style: italic;\r\n  color: var(--apv-red);\r\n}\r\n\r\n.showcase-subtitle {\r\n  font-size: 17px;\r\n  color: var(--apv-gray);\r\n  max-width: 520px;\r\n  margin: 0 auto;\r\n  font-weight: 300;\r\n}\r\n\r\n.showcase-masonry {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  grid-template-rows: repeat(2, 280px);\r\n  gap: 16px;\r\n}\r\n\r\n.showcase-item {\r\n  position: relative;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  background-color: var(--apv-navy); \/* fallback while image loads *\/\r\n  background-size: cover;\r\n  background-position: center;\r\n  box-shadow: 0 20px 45px -28px rgba(10,22,40,0.5);\r\n  transition: box-shadow 0.4s ease, transform 0.4s ease;\r\n}\r\n\r\n.showcase-item:hover {\r\n  box-shadow: 0 28px 55px -25px rgba(196,30,42,0.3);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n\/* Navy wash + subtle grid, painted above the photo so the\r\n   overlay text underneath stays readable at all times *\/\r\n.showcase-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  background:\r\n    linear-gradient(165deg, rgba(10,22,40,0.35) 0%, rgba(10,22,40,0.75) 100%),\r\n    repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,255,255,0.02) 3px, rgba(255,255,255,0.02) 6px),\r\n    repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(255,255,255,0.02) 3px, rgba(255,255,255,0.02) 6px);\r\n  transition: background 0.4s ease;\r\n}\r\n\r\n.showcase-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  background:\r\n    linear-gradient(165deg, rgba(10,22,40,0.08) 0%, rgba(10,22,40,0.28) 100%),\r\n    repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,255,255,0.015) 3px, rgba(255,255,255,0.015) 6px),\r\n    repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(255,255,255,0.015) 3px, rgba(255,255,255,0.015) 6px);\r\n  transition: background 0.4s ease;\r\n}\r\n\r\n.showcase-item:hover::before {\r\n  background:\r\n    linear-gradient(165deg, rgba(10,22,40,0.15) 0%, rgba(10,22,40,0.4) 100%),\r\n    repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,255,255,0.015) 3px, rgba(255,255,255,0.015) 6px),\r\n    repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(255,255,255,0.015) 3px, rgba(255,255,255,0.015) 6px);\r\n}\r\n\r\n\/* Bottom-only gradient for text legibility \u2014 photo stays clear up top now *\/\r\n.showcase-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, transparent 55%, rgba(10,22,40,0.85) 100%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  padding: 28px;\r\n  z-index: 2;\r\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.showcase-item:hover .showcase-overlay {\r\n  background: linear-gradient(180deg, transparent 35%, rgba(10,22,40,0.92) 100%);\r\n}\r\n\r\n.showcase-item-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  margin-bottom: 6px;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.showcase-item-desc {\r\n  font-size: 14px;\r\n  color: #fff !important;\r\n  font-weight: 300;\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n  transition: all 0.4s ease 0.1s;\r\n  max-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.showcase-item:hover .showcase-item-desc {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  max-height: 100px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.showcase-item:hover .showcase-item-title {\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.showcase-item::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 28px;\r\n  width: 32px;\r\n  height: 2px;\r\n  background: var(--apv-red);\r\n  z-index: 3;\r\n  transition: width 0.4s ease;\r\n}\r\n\r\n.showcase-item:hover::after {\r\n  width: calc(100% - 56px);\r\n}\r\n\r\n.showcase-item:nth-child(1) { grid-column: span 2; grid-row: span 2; }\r\n.showcase-item:nth-child(2) { grid-column: span 1; grid-row: span 1; }\r\n.showcase-item:nth-child(3) { grid-column: span 1; grid-row: span 1; }\r\n.showcase-item:nth-child(4) { grid-column: span 1; grid-row: span 1; }\r\n.showcase-item:nth-child(5) { grid-column: span 2; grid-row: span 1; }\r\n\r\n\/* ============================================\r\n   SECTION 5 \u2014 TECHNICAL CAPABILITIES (Dark)\r\n   ============================================ *\/\r\n\r\n.section-tech {\r\n  position: relative;\r\n  background: var(--apv-navy) ;\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-tech::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);\r\n  background-size: 50px 50px;\r\n  pointer-events: none;\r\n}\r\n\r\n.section-tech::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -20%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 800px;\r\n  height: 800px;\r\n  background: radial-gradient(circle, rgba(196,30,42,0.06) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.tech-header {\r\n  text-align: center;\r\n  margin-bottom: 72px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.tech-label {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tech-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 46px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  line-height: 1.12;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tech-subtitle {\r\n  font-size: 17px;\r\n  color: #fff !important;\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n  font-weight: 300;\r\n}\r\n\r\n.tech-dashboard {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.tech-panel {\r\n  background: rgba(255,255,255,0.03);\r\n  border: 1px solid rgba(255,255,255,0.06);\r\n  border-radius: 16px;\r\n  padding: 32px 24px;\r\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.tech-panel::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--apv-red), transparent);\r\n  opacity: 0.4;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.tech-panel::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -1px;\r\n  border-radius: 16px;\r\n  padding: 1px;\r\n  background: linear-gradient(135deg, rgba(255,255,255,0.06), transparent 60%, rgba(196,30,42,0.15));\r\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite: xor;\r\n  mask-composite: exclude;\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  transition: opacity 0.5s ease;\r\n}\r\n\r\n.tech-panel:hover {\r\n  transform: translateY(-6px);\r\n  border-color: rgba(196,30,42,0.2);\r\n  background: rgba(255,255,255,0.05);\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 30px rgba(196,30,42,0.06);\r\n}\r\n\r\n.tech-panel:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.tech-panel:hover::after {\r\n  opacity: 1;\r\n}\r\n\r\n.tech-panel-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 12px;\r\n  background: rgba(196,30,42,0.1);\r\n  border: 1px solid rgba(196,30,42,0.2);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.tech-panel:hover .tech-panel-icon {\r\n  background: rgba(196,30,42,0.15);\r\n  box-shadow: 0 0 20px rgba(196,30,42,0.15);\r\n}\r\n\r\n.tech-panel-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  stroke: var(--apv-red);\r\n  fill: none;\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.tech-panel-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tech-panel-divider {\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--apv-red);\r\n  opacity: 0.4;\r\n  margin-bottom: 16px;\r\n  transition: width 0.4s ease;\r\n}\r\n\r\n.tech-panel:hover .tech-panel-divider {\r\n  width: 48px;\r\n  opacity: 0.7;\r\n}\r\n\r\n.tech-readout {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  gap: 4px;\r\n  height: 26px;\r\n  margin-bottom: 18px;\r\n  opacity: 0.45;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.tech-panel:hover .tech-readout { opacity: 1; }\r\n\r\n.tech-readout span {\r\n  flex: 1;\r\n  background: linear-gradient(180deg, var(--apv-red), rgba(196,30,42,0.15));\r\n  border-radius: 2px;\r\n}\r\n\r\n.tech-panel-list {\r\n  list-style: none;\r\n  margin: 0px !important;\r\n}\r\n\r\n.tech-panel-list li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 7px 0;\r\n  font-size: 13px;\r\n  color: var(--apv-steel-light);\r\n  font-weight: 300;\r\n  border-bottom: 1px solid rgba(255,255,255,0.03);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.tech-panel-list li:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.tech-panel-list li::before {\r\n  content: '';\r\n  width: 4px;\r\n  height: 4px;\r\n  border-radius: 50%;\r\n  background: var(--apv-red);\r\n  opacity: 0.4;\r\n  flex-shrink: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.tech-panel:hover .tech-panel-list li {\r\n  color: var(--apv-white);\r\n}\r\n\r\n.tech-panel:hover .tech-panel-list li::before {\r\n  opacity: 1;\r\n}\r\n\r\n\/* ============================================\r\n   FABRICATION CAPABILITIES \u2014 Dark bento + spec meters\r\n   ============================================ *\/\r\n\r\n.section-fab {\r\n  position: relative;\r\n  background-color: color-mix(in srgb, var(--apv-navy-light) 75%, transparent);\r\n  background-image:\r\n    linear-gradient(rgba(10, 22, 40, 0.72), rgba(10, 22, 40, 0.72)),\r\n    url('https:\/\/demowebdesign.live\/jddemore\/wp-content\/uploads\/2026\/10\/FS1_9382-scaled.jpg');\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-fab::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  pointer-events: none;\r\n}\r\n\r\n.section-fab::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: -12%;\r\n  top: -20%;\r\n  width: 620px;\r\n  height: 620px;\r\n  background: radial-gradient(circle, rgba(196,30,42,0.1) 0%, transparent 68%);\r\n  pointer-events: none;\r\n}\r\n\r\n.fab-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fab-label,\r\n.coat-label,\r\n.qa-label,\r\n.eng-label,\r\n.value-label {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fab-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 46px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  line-height: 1.12;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fab-title em,\r\n.coat-title em,\r\n.qa-title em,\r\n.eng-title em,\r\n.value-title em {\r\n  font-style: italic;\r\n  color: var(--apv-red);\r\n}\r\n\r\n.fab-subtitle {\r\n  font-size: 17px;\r\n  color: var(--apv-steel-light);\r\n  max-width: 620px;\r\n  margin: 0 auto;\r\n  font-weight: 300;\r\n}\r\n\r\n.fab-meters {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 16px;\r\n  margin-bottom: 36px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fab-meter {\r\n  background: rgba(255,255,255,0.03);\r\n  border: 1px solid rgba(255,255,255,0.06);\r\n  border-radius: 14px;\r\n  padding: 22px 18px;\r\n  text-align: center;\r\n  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.fab-meter:hover {\r\n  transform: translateY(-4px);\r\n  border-color: rgba(196,30,42,0.28);\r\n  background: rgba(196,30,42,0.08);\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.25);\r\n}\r\n\r\n.fab-meter-val {\r\n  display: block;\r\n  font-family: var(--font-heading);\r\n  font-size: 26px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  line-height: 1.15;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fab-meter-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  color: #ffffff;\r\n}\r\n\r\n.fab-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 18px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fab-card {\r\n  background: rgba(255,255,255,0.03);\r\n  border: 1px solid rgba(255,255,255,0.06);\r\n  border-radius: 16px;\r\n  padding: 28px 24px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.fab-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 3px;\r\n  background: var(--apv-red);\r\n  opacity: 0.35;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.fab-card:hover {\r\n  transform: translateY(-6px);\r\n  background: rgba(255,255,255,0.05);\r\n  border-color: rgba(196,30,42,0.22);\r\n  box-shadow: 0 20px 48px rgba(0,0,0,0.28);\r\n}\r\n\r\n.fab-card:hover::before { opacity: 1; }\r\n\r\n.fab-card.span-2 { grid-column: span 2; }\r\n\r\n.fab-card-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 10px;\r\n  background: rgba(196,30,42,0.12);\r\n  border: 1px solid rgba(196,30,42,0.22);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.fab-card-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  stroke: var(--apv-red);\r\n  fill: none;\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.fab-card h3 {\r\n  font-family: var(--font-heading);\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.fab-card p {\r\n  font-size: 14px;\r\n  color: var(--apv-steel-light);\r\n  font-weight: 300;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   LINING & COATING \u2014 Stacked protection layers\r\n   ============================================ *\/\r\n\r\n.section-coat {\r\n  position: relative;\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-coat::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(10,22,40,0.025) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(10,22,40,0.025) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n}\r\n\r\n.coat-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.coat-title,\r\n.qa-title,\r\n.eng-title,\r\n.value-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 46px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n  line-height: 1.12;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.coat-subtitle,\r\n.qa-subtitle,\r\n.eng-subtitle,\r\n.value-subtitle {\r\n  font-size: 17px;\r\n  color: var(--apv-gray);\r\n  max-width: 620px;\r\n  margin: 0 auto;\r\n  font-weight: 300;\r\n}\r\n\r\n.coat-layout {\r\n  display: grid;\r\n  grid-template-columns: 280px 1fr;\r\n  gap: 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n  align-items: start;\r\n}\r\n\r\n.coat-aside {\r\n  background: var(--apv-navy);\r\n  border-radius: 20px;\r\n  padding: 40px 32px;\r\n  color: var(--apv-white);\r\n  position: sticky;\r\n  top: 32px;\r\n  box-shadow: 0 24px 50px -28px rgba(10,22,40,0.55);\r\n}\r\n\r\n.coat-aside-kicker {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 2.4px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.coat-aside h3 {\r\n  font-family: var(--font-heading);\r\n  color: #ffffff;\r\n  font-size: 28px;\r\n  font-weight: 600;\r\n  line-height: 1.2;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.coat-aside p {\r\n  font-size: 14px;\r\n  color: var(--apv-steel-light);\r\n  font-weight: 300;\r\n  line-height: 1.7;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.coat-legend {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.coat-legend span {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 12px;\r\n  color: var(--apv-steel-light);\r\n}\r\n\r\n.coat-legend i {\r\n  width: 18px;\r\n  height: 8px;\r\n  border-radius: 99px;\r\n  display: inline-block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.coat-legend i.l1 { background: var(--apv-navy-lighter); border: 1px solid rgba(255,255,255,0.2); }\r\n.coat-legend i.l2 { background: var(--apv-steel); }\r\n.coat-legend i.l3 { background: var(--apv-red-dark); }\r\n.coat-legend i.l4 { background: var(--apv-red); }\r\n\r\n.coat-stack {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n.coat-layer {\r\n  background: var(--apv-white);\r\n  border: 1px solid var(--apv-border);\r\n  border-radius: 16px;\r\n  padding: 22px 24px 22px 28px;\r\n  display: grid;\r\n  grid-template-columns: 52px 1fr;\r\n  gap: 18px;\r\n  align-items: start;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.coat-layer::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 6px;\r\n}\r\n\r\n.coat-layer:nth-child(1)::before { background: var(--apv-navy); }\r\n.coat-layer:nth-child(2)::before { background: var(--apv-navy-lighter); }\r\n.coat-layer:nth-child(3)::before { background: var(--apv-steel); }\r\n.coat-layer:nth-child(4)::before { background: var(--apv-red-dark); }\r\n.coat-layer:nth-child(5)::before { background: var(--apv-red); }\r\n.coat-layer:nth-child(6)::before { background: linear-gradient(180deg, var(--apv-navy), var(--apv-red)); }\r\n.coat-layer:nth-child(7)::before { background: linear-gradient(180deg, var(--apv-red), var(--apv-navy)); }\r\n\r\n.coat-layer:hover {\r\n  transform: translateX(6px);\r\n  box-shadow: 0 16px 40px rgba(10,22,40,0.08);\r\n  border-color: rgba(196,30,42,0.18);\r\n}\r\n\r\n.coat-layer-num {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 12px;\r\n  background: var(--apv-red-light);\r\n  color: var(--apv-red);\r\n  font-family: var(--font-heading);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.coat-layer h4 {\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.coat-layer p {\r\n  font-size: 14px;\r\n  color: var(--apv-gray);\r\n  font-weight: 300;\r\n  line-height: 1.65;\r\n}\r\n\r\n.coat-specs {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.coat-spec {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n  background: var(--apv-offwhite);\r\n  border: 1px solid var(--apv-border);\r\n  padding: 6px 12px;\r\n  border-radius: 99px;\r\n}\r\n\r\n\/* ============================================\r\n   TESTING & QUALITY \u2014 Inspection stations\r\n   ============================================ *\/\r\n\r\n.section-qa {\r\n  position: relative;\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(rgba(10, 22, 40, 0.72), rgba(10, 22, 40, 0.72)),\r\n    url('https:\/\/demowebdesign.live\/jddemore\/wp-content\/uploads\/2026\/10\/FS1_0092-1-scaled.jpg')\r\n      center \/ cover no-repeat;\r\n}\r\n\r\n.section-qa::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: radial-gradient(circle, rgba(10,22,40,0.035) 1px, transparent 1px);\r\n  background-size: 36px 36px;\r\n  pointer-events: none;\r\n}\r\n\r\n.qa-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.qa-ndt {\r\n  position: relative;\r\n  z-index: 2;\r\n  border-radius: 22px;\r\n  padding: 40px 36px;\r\n  margin-bottom: 28px;\r\n  overflow: hidden;\r\n}\r\n\r\n.qa-ndt::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: -80px;\r\n  top: -80px;\r\n  width: 280px;\r\n  height: 280px;\r\n  background: radial-gradient(circle, rgba(196,30,42,0.16) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.qa-ndt-head {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  gap: 24px;\r\n  margin-bottom: 32px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.qa-ndt-head h3 {\r\n  font-family: var(--font-heading);\r\n  font-size: 28px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n}\r\n\r\n.qa-ndt-head p {\r\n  font-size: 14px;\r\n  color: var(--apv-steel-light);\r\n  font-weight: 300;\r\n  max-width: 420px;\r\n  text-align: right;\r\n}\r\n\r\n.qa-methods {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 16px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.qa-method {\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 16px;\r\n  padding: 24px 16px;\r\n  text-align: center;\r\n  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.qa-method:hover {\r\n  transform: translateY(-5px);\r\n  background: rgba(196,30,42,0.12);\r\n  border-color: rgba(196,30,42,0.35);\r\n}\r\n\r\n.qa-method-code {\r\n  width: 64px;\r\n  height: 64px;\r\n  margin: 0 auto 14px;\r\n  border-radius: 50%;\r\n  border: 1.5px dashed rgba(196,30,42,0.45);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: var(--font-heading);\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  background: rgba(196,30,42,0.12);\r\n}\r\n\r\n.qa-method h4 {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.qa-method p {\r\n  font-size: 12px;\r\n  color: #ffffff;\r\n  font-weight: 300;\r\n}\r\n\r\n.qa-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 18px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.qa-card {\r\n  background: var(--apv-offwhite);\r\n  border: 1px solid var(--apv-border);\r\n  border-radius: 16px;\r\n  padding: 28px 26px;\r\n  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.qa-card:hover {\r\n  background: var(--apv-white);\r\n  border-color: rgba(196,30,42,0.2);\r\n  box-shadow: 0 18px 42px rgba(10,22,40,0.07);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.qa-card-top {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.qa-card-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 10px;\r\n  background: var(--apv-red-light);\r\n  border: 1px solid var(--apv-red-mid);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.qa-card-icon svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: var(--apv-red);\r\n  fill: none;\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.qa-card h4 {\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n}\r\n\r\n.qa-card p {\r\n  font-size: 14px;\r\n  color: var(--apv-gray);\r\n  font-weight: 300;\r\n  line-height: 1.7;\r\n}\r\n\r\n.qa-docs {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 14px;\r\n}\r\n\r\n.qa-doc {\r\n  font-size: 11.5px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.4px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  background: var(--apv-red-light);\r\n  border: 1px solid var(--apv-red-mid);\r\n  padding: 6px 12px;\r\n  border-radius: 99px;\r\n}\r\n\r\n\/* ============================================\r\n   TESTING & QUALITY \u2014 PHOTO BACKGROUND HEADER\r\n   Prefix: qa-bg-\r\n   ============================================ *\/\r\n\r\n.section-qa .qa-bg-hero {\r\n  position: relative;\r\n  z-index: 2;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  border-radius: 22px;\r\n  padding: 90px 40px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.section-qa .qa-bg-photo {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n}\r\n\r\n\r\n.section-qa .qa-bg-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.section-qa .qa-bg-overlay::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  height: 5px;\r\n  background: #c41e2a;\r\n}\r\n\r\n.section-qa .qa-bg-hero .qa-header {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.section-qa .qa-bg-hero .qa-title {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.section-qa .qa-bg-hero .qa-subtitle {\r\n  color: rgba(255,255,255,0.85) !important;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .section-qa .qa-bg-hero {\r\n    padding: 72px 32px;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .section-qa .qa-bg-hero {\r\n    padding: 52px 22px;\r\n    border-radius: 16px;\r\n  }\r\n}\r\n\r\n\/* ============================================\r\n   ENGINEERING & DESIGN \u2014 Blueprint sheets\r\n   ============================================ *\/\r\n\r\n.section-eng {\r\n  position: relative;\r\n  background: #0A1628;\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-eng::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(196,30,42,0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(196,30,42,0.04) 1px, transparent 1px);\r\n  background-size: 32px 32px;\r\n  pointer-events: none;\r\n}\r\n\r\n.eng-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.eng-header .eng-title { color: var(--apv-white); }\r\n.eng-header .eng-subtitle { color: var(--apv-steel-light); }\r\n\r\n.eng-sheets {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.eng-sheet {\r\n  background: rgba(255,255,255,0.03);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 4px;\r\n  padding: 32px 28px;\r\n  position: relative;\r\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.eng-sheet::before,\r\n.eng-sheet::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 14px;\r\n  height: 14px;\r\n  border: 1.5px solid var(--apv-red);\r\n  opacity: 0.55;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.eng-sheet::before {\r\n  top: 8px;\r\n  left: 8px;\r\n  border-right: none;\r\n  border-bottom: none;\r\n}\r\n\r\n.eng-sheet::after {\r\n  bottom: 8px;\r\n  right: 8px;\r\n  border-left: none;\r\n  border-top: none;\r\n}\r\n\r\n.eng-sheet:hover {\r\n  transform: translateY(-6px);\r\n  background: rgba(255,255,255,0.055);\r\n  border-color: rgba(196,30,42,0.28);\r\n  box-shadow: 0 22px 48px rgba(0,0,0,0.28);\r\n}\r\n\r\n.eng-sheet:hover::before,\r\n.eng-sheet:hover::after { opacity: 1; }\r\n\r\n.eng-sheet-index {\r\n  font-family: var(--font-heading);\r\n  font-size: 13px;\r\n  letter-spacing: 3px;\r\n  color: var(--apv-red);\r\n  margin-bottom: 18px;\r\n  display: block;\r\n}\r\n\r\n.eng-sheet h3 {\r\n  font-family: var(--font-heading);\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n  color: var(--apv-white);\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.eng-sheet p {\r\n  font-size: 14px;\r\n  color: var(--apv-steel-light);\r\n  font-weight: 300;\r\n  line-height: 1.7;\r\n}\r\n\r\n.eng-sheet-rule {\r\n  width: 28px;\r\n  height: 1px;\r\n  background: var(--apv-red);\r\n  margin: 18px 0 0;\r\n  opacity: 0.45;\r\n  transition: width 0.4s ease;\r\n}\r\n\r\n.eng-sheet:hover .eng-sheet-rule {\r\n  width: 56px;\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* ============================================\r\n   ADDITIONAL SERVICES \u2014 Split value panel\r\n   ============================================ *\/\r\n\r\n.section-value {\r\n  position: relative;\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n  background: #fff !important;\r\n}\r\n\r\n.section-value::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(10,22,40,0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(10,22,40,0.03) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  pointer-events: none;\r\n}\r\n\r\n.value-wrap {\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n  gap: 28px;\r\n  position: relative;\r\n  z-index: 2;\r\n  align-items: stretch;\r\n}\r\n\r\n.value-intro {\r\n  background: var(--apv-navy);\r\n  border-radius: 20px;\r\n  padding: 48px 40px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 24px 50px -28px rgba(10,22,40,0.55);\r\n}\r\n\r\n.value-intro::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: -60px;\r\n  bottom: -60px;\r\n  width: 220px;\r\n  height: 220px;\r\n  background: radial-gradient(circle, rgba(196,30,42,0.18) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.value-intro .value-title { color: var(--apv-white); }\r\n.value-intro .value-subtitle {\r\n  color: var(--apv-steel-light);\r\n  margin: 0;\r\n  max-width: none;\r\n  text-align: left;\r\n}\r\n\r\n.value-intro .value-label { margin-bottom: 16px; }\r\n\r\n.value-list {\r\n  list-style: none;\r\n  margin: 32px 0 0;\r\n  padding: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.value-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  font-size: 14.5px;\r\n  color: var(--apv-steel-light);\r\n  font-weight: 300;\r\n  line-height: 1.55;\r\n}\r\n\r\n.value-list li::before {\r\n  content: '';\r\n  width: 8px;\r\n  height: 8px;\r\n  margin-top: 7px;\r\n  border-radius: 1px;\r\n  background: var(--apv-red);\r\n  flex-shrink: 0;\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.value-house {\r\n  background: var(--apv-white);\r\n  border: 1px solid var(--apv-border);\r\n  border-radius: 20px;\r\n  padding: 36px 32px;\r\n  box-shadow: 0 30px 70px -40px rgba(10,22,40,0.35);\r\n}\r\n\r\n.value-house-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 2.4px;\r\n  text-transform: uppercase;\r\n  color: var(--apv-red);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.value-house h3 {\r\n  font-family: var(--font-heading);\r\n  font-size: 28px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.value-house > p {\r\n  font-size: 14px;\r\n  color: var(--apv-gray);\r\n  font-weight: 300;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.value-teams {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n}\r\n\r\n.value-team {\r\n  background: var(--apv-white);\r\n  border: 1px solid var(--apv-border);\r\n  border-radius: 14px;\r\n  padding: 20px 18px;\r\n  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.value-team:hover {\r\n  border-color: rgba(196,30,42,0.22);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 14px 32px rgba(10,22,40,0.07);\r\n}\r\n\r\n.value-team-num {\r\n  font-family: var(--font-heading);\r\n  font-size: 12px;\r\n  letter-spacing: 2px;\r\n  color: var(--apv-red);\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.value-team h4 {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: var(--apv-navy);\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.value-team p {\r\n  font-size: 13px;\r\n  color: var(--apv-gray);\r\n  font-weight: 300;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n   ============================================ *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .tech-dashboard { grid-template-columns: repeat(2, 1fr); }\r\n  .showcase-masonry { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 240px); }\r\n  .showcase-item:nth-child(1) { grid-column: span 2; grid-row: span 1; }\r\n  .showcase-item:nth-child(5) { grid-column: span 2; grid-row: span 1; }\r\n  .process-steps { flex-wrap: wrap; gap: 24px; }\r\n  .process-track { display: none; }\r\n  .process-arrow { display: none; }\r\n  .process-step { flex: 0 0 calc(33.33% - 16px); }\r\n  .process-card { max-height: none; }\r\n  .process-card-desc { opacity: 1; transform: none; max-height: none; margin-top: 8px; }\r\n  .pillar-visual { flex-basis: 240px; }\r\n  .pillar-content { padding: 36px 40px; }\r\n  .fab-meters { grid-template-columns: repeat(3, 1fr); }\r\n  .fab-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .fab-card.span-2 { grid-column: span 2; }\r\n  .coat-layout { grid-template-columns: 1fr; }\r\n  .coat-aside { position: static; }\r\n  .qa-methods { grid-template-columns: repeat(3, 1fr); }\r\n  .eng-sheets { grid-template-columns: repeat(2, 1fr); }\r\n  .value-wrap { grid-template-columns: 1fr; gap: 24px; }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n  .pillar-row, .pillar-row[data-side=\"right\"] { flex-direction: column; }\r\n  .pillar-visual { flex-basis: auto; width: 100%; padding: 30px 22px 10px; height: 185px !important;}\r\n  .pillar-skew { inset: 10px; }\r\n  .pillar-content,\r\n  .pillar-row[data-side=\"right\"] .pillar-content {\r\n    text-align: left;\r\n    align-items: flex-start;\r\n    padding: 28px 30px 40px;\r\n  }\r\n  .pillar-tags, .pillar-row[data-side=\"right\"] .pillar-tags { justify-content: flex-start; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .tech-dashboard { grid-template-columns: 1fr; }\r\n  .showcase-masonry { grid-template-columns: 1fr; grid-template-rows: repeat(5, 240px); }\r\n  .showcase-item:nth-child(1),\r\n  .showcase-item:nth-child(5) { grid-column: span 1; }\r\n  .process-step { flex: 0 0 calc(50% - 12px); }\r\n  .process-title, .pillars-title, .showcase-title, .tech-title,\r\n  .fab-title, .coat-title, .qa-title, .eng-title, .value-title { font-size: 36px; }\r\n  .fab-meters { grid-template-columns: repeat(2, 1fr); }\r\n  .fab-grid { grid-template-columns: 1fr; }\r\n  .fab-card.span-2 { grid-column: span 1; }\r\n  .qa-ndt-head { flex-direction: column; align-items: flex-start; }\r\n  .qa-ndt-head p { text-align: left; }\r\n  .qa-methods { grid-template-columns: repeat(2, 1fr); }\r\n  .qa-grid { grid-template-columns: 1fr; }\r\n  .eng-sheets { grid-template-columns: 1fr; }\r\n  .value-teams { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .process-step { flex: 0 0 100%; }\r\n  .process-title, .pillars-title, .showcase-title, .tech-title,\r\n  .fab-title, .coat-title, .qa-title, .eng-title, .value-title { font-size: 30px; }\r\n  .section-process, .section-pillars, .section-showcase, .section-tech,\r\n  .section-fab, .section-coat, .section-qa, .section-eng, .section-value { padding: 80px 0; }\r\n  .pillar-content h3 { font-size: 23px; }\r\n  .fab-meters { grid-template-columns: 1fr; }\r\n  .qa-methods { grid-template-columns: 1fr; }\r\n  .coat-layer { grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* ============================================\r\n   FORCE POPPINS (overrides theme \/ Elementor fonts)\r\n   ============================================ *\/\r\n\r\n.section-process,\r\n.section-process *,\r\n.section-pillars,\r\n.section-pillars *,\r\n.section-showcase,\r\n.section-showcase *,\r\n.section-tech,\r\n.section-tech *,\r\n.section-fab,\r\n.section-fab *,\r\n.section-coat,\r\n.section-coat *,\r\n.section-qa,\r\n.section-qa *,\r\n.section-eng,\r\n.section-eng *,\r\n.section-value,\r\n.section-value * {\r\n  font-family: 'Poppins', sans-serif !important;\r\n}\r\n<\/style>\r\n<base target=\"_blank\">\r\n<\/head>\r\n<body>\r\n\r\n<!-- ==========================================\r\n     SECTION 2 \u2014 ENGINEERING PROCESS (unchanged)\r\n     ========================================== -->\r\n<section class=\"section-process\">\r\n  <div class=\"container\">\r\n    <div class=\"process-header\">\r\n      <div class=\"process-label\">Our Workflow<\/div>\r\n      <h2 class=\"process-title\">Technical <em>Support<\/em><\/h2>\r\n      <p class=\"process-subtitle\">From initial consultation through final delivery, our integrated approach ensures precision, compliance, and on time execution at every phase.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"process-track-wrap\">\r\n      <div class=\"process-track\">\r\n        <div class=\"process-track-fill\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"process-steps\">\r\n        <div class=\"process-step\">\r\n          <div class=\"process-node\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n            <span class=\"process-step-num\">1<\/span>\r\n          <\/div>\r\n          <div class=\"process-arrow\"><\/div>\r\n          <div class=\"process-card\">\r\n            <div class=\"process-card-title\">Consultation<\/div>\r\n            <div class=\"process-card-desc\">Technical guidance to define project requirements and fabrication needs.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n          <div class=\"process-node\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 21l4-1 12-12-3-3L4 17l-1 4z\"\/><path d=\"M14 4l3 3\"\/><\/svg>\r\n            <span class=\"process-step-num\">2<\/span>\r\n          <\/div>\r\n          <div class=\"process-arrow\"><\/div>\r\n          <div class=\"process-card\">\r\n            <div class=\"process-card-title\">Estimating<\/div>\r\n            <div class=\"process-card-desc\">Accurate cost estimates, highlighted drawings, project timelines, and clear proposal documentation.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n          <div class=\"process-node\">\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n            <span class=\"process-step-num\">3<\/span>\r\n          <\/div>\r\n          <div class=\"process-arrow\"><\/div>\r\n          <div class=\"process-card\">\r\n            <div class=\"process-card-title\">Technical Expertise<\/div>\r\n            <div class=\"process-card-desc\">Submittals, shop drawings, and 2D\/3D modeling to support fabrication requirements.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n          <div class=\"process-node\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2c2 3 4 5 4 8a4 4 0 0 1-8 0c0-1 .3-2 1-3 .3 1 .8 1.5 1.5 1.5C11 8 11 6 12 2z\"\/><path d=\"M8 22h8\"\/><path d=\"M10 18h4\"\/><\/svg>\r\n            <span class=\"process-step-num\">4<\/span>\r\n          <\/div>\r\n          <div class=\"process-arrow\"><\/div>\r\n          <div class=\"process-card\">\r\n            <div class=\"process-card-title\">Fabrication<\/div>\r\n            <div class=\"process-card-desc\">Precision cutting, certified welding, assembly, and in process quality checks.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n          <div class=\"process-node\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"10\" cy=\"10\" r=\"6\"\/><line x1=\"21\" y1=\"21\" x2=\"14.65\" y2=\"14.65\"\/><\/svg>\r\n            <span class=\"process-step-num\">5<\/span>\r\n          <\/div>\r\n          <div class=\"process-arrow\"><\/div>\r\n          <div class=\"process-card\">\r\n            <div class=\"process-card-title\">Coating & Lining<\/div>\r\n            <div class=\"process-card-desc\">Protective coatings, linings, and surface preparation to meet project specifications.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n          <div class=\"process-node\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2s6 7 6 12a6 6 0 0 1-12 0c0-5 6-12 6-12z\"\/><\/svg>\r\n            <span class=\"process-step-num\">6<\/span>\r\n          <\/div>\r\n          <div class=\"process-arrow\"><\/div>\r\n          <div class=\"process-card\">\r\n            <div class=\"process-card-title\">Inspection<\/div>\r\n            <div class=\"process-card-desc\">Quality checks and verification to ensure compliance with project specifications.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n          <div class=\"process-node\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n            <span class=\"process-step-num\">7<\/span>\r\n          <\/div>\r\n          <div class=\"process-card\">\r\n            <div class=\"process-card-title\">Delivery<\/div>\r\n            <div class=\"process-card-desc\">Logistics coordination, shipment documentation, and reliable delivery to your project site.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     FABRICATION CAPABILITIES\r\n     ========================================== -->\r\n<section class=\"section-fab\" id=\"fabricationcap\">\r\n  <div class=\"container\">\r\n    <div class=\"fab-header\">\r\n      <div class=\"fab-label\">Shop Floor<\/div>\r\n      <h2 class=\"fab-title\">Fabrication <em>Capabilities<\/em><\/h2>\r\n      <p class=\"fab-subtitle\">AWWA and ASME code compliant fabrication of pipe, pressure vessels, and structural components, supported by certified welding procedures, large diameter capabilities, and custom spool fabrication.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fab-meters\">\r\n      <div class=\"fab-meter\">\r\n        <span class=\"fab-meter-val\">3\"\u2013156\"<\/span>\r\n        <span class=\"fab-meter-label\">Steel NPS<br>Proven<\/span>\r\n      <\/div>\r\n      <div class=\"fab-meter\">\r\n        <span class=\"fab-meter-val\">3\"\u201396\"<\/span>\r\n        <span class=\"fab-meter-label\">Stainless NPS<br>Proven<\/span>\r\n      <\/div>\r\n      <div class=\"fab-meter\">\r\n        <span class=\"fab-meter-val\">1\u215e\" THK<\/span>\r\n        <span class=\"fab-meter-label\">Steel Wall<br>Thickness<\/span>\r\n      <\/div>\r\n      <div class=\"fab-meter\">\r\n        <span class=\"fab-meter-val\">1\u00bd\" THK<\/span>\r\n        <span class=\"fab-meter-label\">Stainless Wall<br>Thickness<\/span>\r\n      <\/div>\r\n      <div class=\"fab-meter\">\r\n        <span class=\"fab-meter-val\">4\" THK<\/span>\r\n        <span class=\"fab-meter-label\">Structural<br>Attachment<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fab-grid\">\r\n      <div class=\"fab-card span-2\">\r\n        <div class=\"fab-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M3 12h6M15 12h6M12 3v6M12 15v6\"\/><\/svg>\r\n        <\/div>\r\n        <h3>AWWA \/ ASME Pipe &amp; Vessels<\/h3>\r\n        <p>AWWA\/ASME compliant pipe fabrication and ASME compliant pressure vessel fabrication for municipal, industrial, and process applications.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fab-card\">\r\n        <div class=\"fab-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>ASME Section IX Welding<\/h3>\r\n        <p>Certified welding procedures and welders qualified to ASME Section IX for code-compliant joints.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fab-card\">\r\n        <div class=\"fab-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Steel &amp; Stainless Fabrication<\/h3>\r\n        <p>Steel and stainless steel pipe, fittings, and miscellaneous structural fabrication from a single shop.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fab-card span-2\">\r\n        <div class=\"fab-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 19V5M4 12h16M20 5v14\"\/><path d=\"M8 8h2M14 16h2\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Large-Diameter Pipe<\/h3>\r\n        <p>Steel pipe from 3\"\u2013156\" NPS proven experience, and stainless-steel pipe from 3\"\u201396\" NPS proven experience including custom wall thicknesses up to 1\u215e\" steel and 1\u00bd\" stainless.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fab-card\">\r\n        <div class=\"fab-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"\/><path d=\"M5 21V8l7-5 7 5v13\"\/><path d=\"M9 21v-6h6v6\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Structural Attachments<\/h3>\r\n        <p>Structural steel parts and attachments with proven thickness capability up to 4\" THK.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fab-card\">\r\n        <div class=\"fab-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18M3 12h18\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Plate Processing<\/h3>\r\n        <p>Plate rolling and precision cutting using oxyfuel, plasma,and waterjet processes to meet project specifications.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fab-card span-2\">\r\n        <div class=\"fab-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 14h6l2-4 3 8 2-4h3\"\/><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Complex \/ Custom Spools<\/h3>\r\n        <p>Custom spool fabrication for complex configurations, unique tie ins, and project-specific piping requirements.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     LINING, COATING & CORROSION PROTECTION\r\n     ========================================== -->\r\n<style>\r\n\/* ============================================\r\n   LINING & COATING \u2014 PHOTO BACKGROUND OVERRIDE\r\n   Prefix: coat-bg-\r\n   ============================================ *\/\r\n\r\n.section-coat {\r\n  position: relative;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: #0a1628;\r\n}\r\n\r\n.section-coat .coat-bg-photo {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n}\r\n\r\n.section-coat .coat-bg-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.section-coat .coat-bg-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  background: linear-gradient(100deg, rgba(10,22,40,0.94) 0%, rgba(10,22,40,0.86) 50%, rgba(10,22,40,0.7) 100%);\r\n}\r\n\r\n.section-coat .container {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Light text on photo background *\/\r\n.section-coat .coat-label {\r\n  color: #c41e2a !important;\r\n}\r\n\r\n.section-coat .coat-title,\r\n.section-coat .coat-aside h3,\r\n.section-coat .coat-layer h4 {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.section-coat .coat-subtitle,\r\n.section-coat .coat-aside p,\r\n.section-coat .coat-layer p,\r\n.section-coat .coat-legend span {\r\n  color: rgba(255,255,255,0.82) !important;\r\n}\r\n\r\n.section-coat .coat-aside-kicker {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* Glass cards *\/\r\n.section-coat .coat-aside,\r\n.section-coat .coat-layer {\r\n  background: rgba(10,22,40,0.6) !important;\r\n  border: 1px solid rgba(255,255,255,0.14) !important;\r\n  -webkit-backdrop-filter: blur(10px);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.section-coat .coat-layer-num {\r\n  color: #c41e2a !important;\r\n}\r\n\r\n.section-coat .coat-spec {\r\n  background: rgba(255,255,255,0.08) !important;\r\n  border: 1px solid rgba(255,255,255,0.18) !important;\r\n  color: rgba(255,255,255,0.9) !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"section-coat\" id=\"liningcoating\">\r\n\r\n  <div class=\"coat-bg-photo\">\r\n    <img\r\n      src=\"REPLACE_lining-coating-bg.jpg\"\r\n      alt=\"Lining and coating at American Pipe & Vessel\"\r\n      loading=\"lazy\"\r\n      decoding=\"async\"\r\n    >\r\n  <\/div>\r\n  <div class=\"coat-bg-overlay\"><\/div>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"coat-header\">\r\n      <div class=\"coat-label\">Protection Systems<\/div>\r\n      <h2 class=\"coat-title\">Lining, Coating &amp; <em>Corrosion<\/em> Prevention<\/h2>\r\n      <p class=\"coat-subtitle\">Surface preparation through multi-layer finishes specified to AWWA, SSPC, and ASTM standards for long-term service life.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"coat-layout\">\r\n      <aside class=\"coat-aside\">\r\n        <div class=\"coat-aside-kicker\">System Build<\/div>\r\n        <h3>Every coating starts with the substrate.<\/h3>\r\n        <p>Proper surface preparation, lining, and finish coats help ensure quality and compliance with project specifications at every stage.<\/p>\r\n        <div class=\"coat-legend\">\r\n          <span><i class=\"l1\"><\/i> Surface preparation<\/span>\r\n          <span><i class=\"l2\"><\/i> Cement mortar \/ lining<\/span>\r\n          <span><i class=\"l3\"><\/i> Polymer coatings<\/span>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n      <div class=\"coat-stack\">\r\n        <article class=\"coat-layer\">\r\n          <div class=\"coat-layer-num\">01<\/div>\r\n          <div>\r\n            <h4>Surface Preparation<\/h4>\r\n            <p>Abrasive blasting, hand\/power tool cleaning, solvent cleaning, and related methods in accordance with the required SSPC standards.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"coat-layer\">\r\n          <div class=\"coat-layer-num\">02<\/div>\r\n          <div>\r\n            <h4>Cement Mortar Lining &amp; Coating (CML\/CMC)<\/h4>\r\n            <p>Applied as per AWWA C205 for long-life internal and external protection on water and wastewater systems.<\/p>\r\n            <div class=\"coat-specs\">\r\n              <span class=\"coat-spec\">CML fittings = 12\" or greater<\/span>\r\n              <span class=\"coat-spec\">CML pipe = 12\" OD or greater at 6' length<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"coat-layer\">\r\n          <div class=\"coat-layer-num\">03<\/div>\r\n          <div>\r\n            <h4>Polyurethane Coatings<\/h4>\r\n            <p>Applied as per AWWA C222 for high-build corrosion protection in demanding buried and exposed service.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"coat-layer\">\r\n          <div class=\"coat-layer-num\">04<\/div>\r\n          <div>\r\n            <h4>Liquid Epoxy Coatings<\/h4>\r\n            <p>Applied in accordance with AWWA C210 for protective linings and coatings, as specified for each project.<\/p>\r\n            <div class=\"coat-specs\">\r\n              <span class=\"coat-spec\">ID liquid epoxy = 3\" or greater at 20' length<\/span>\r\n              <span class=\"coat-spec\">ID high-build solid epoxy = 24\" or greater at 20' length<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"coat-layer\">\r\n          <div class=\"coat-layer-num\">05<\/div>\r\n          <div>\r\n            <h4>Multi-Layered Coating Systems<\/h4>\r\n            <p>Specified multi-coat systems combining primers, intermediates, and finish coats for project-specific environments.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     TESTING & QUALITY SERVICES\r\n     ========================================== -->\r\n<section class=\"section-qa\" id=\"tquality\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"qa-bg-hero\">\r\n\r\n      <div class=\"qa-bg-photo\">\r\n        <img\r\n          src=\"\"\r\n          alt=\"\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n      <div class=\"qa-bg-overlay\"><\/div>\r\n\r\n      <div class=\"qa-header\">\r\n        <div class=\"qa-label\">Inspection Protocol<\/div>\r\n        <h2 class=\"qa-title\">Testing &amp; <em>Quality<\/em> Services<\/h2>\r\n        <p class=\"qa-subtitle\">Certified NDT, coating inspection, and documented QC so every weld, lining, and shipment leaves the shop verified.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"qa-ndt\">\r\n      <div class=\"qa-ndt-head\">\r\n        <h3>Non-Destructive Weld Testing<\/h3>\r\n        <p>Full NDT suite \u2014 RT, UT, MT, PT, and VT performed to project and code requirements before release.<\/p>\r\n      <\/div>\r\n      <div class=\"qa-methods\">\r\n        <div class=\"qa-method\">\r\n          <div class=\"qa-method-code\">RT<\/div>\r\n          <h4>Radiographic<\/h4>\r\n          <p>Radiographic Testing<\/p>\r\n        <\/div>\r\n        <div class=\"qa-method\">\r\n          <div class=\"qa-method-code\">UT<\/div>\r\n          <h4>Ultrasonic<\/h4>\r\n          <p>Ultrasonic Testing<\/p>\r\n        <\/div>\r\n        <div class=\"qa-method\">\r\n          <div class=\"qa-method-code\">MT<\/div>\r\n          <h4>Magnetic Particle<\/h4>\r\n          <p>Magnetic Particle Testing<\/p>\r\n        <\/div>\r\n        <div class=\"qa-method\">\r\n          <div class=\"qa-method-code\">PT<\/div>\r\n          <h4>Penetrant<\/h4>\r\n          <p>Dye \/ Liquid Penetrant<\/p>\r\n        <\/div>\r\n        <div class=\"qa-method\">\r\n          <div class=\"qa-method-code\">VT<\/div>\r\n          <h4>Visual<\/h4>\r\n          <p>Visual Testing<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"qa-grid\">\r\n      <article class=\"qa-card\">\r\n        <div class=\"qa-card-top\">\r\n          <div class=\"qa-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Coating &amp; Lining Inspection<\/h4>\r\n        <\/div>\r\n        <p>Inspection and testing of applied coatings and linings to confirm thickness, adhesion, and specification compliance.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"qa-card\">\r\n        <div class=\"qa-card-top\">\r\n          <div class=\"qa-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Certified Inspectors<\/h4>\r\n        <\/div>\r\n        <p>In-house CWI and NACE\/AMPP II, III certified inspectors for weld and coating quality hold points.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"qa-card\">\r\n        <div class=\"qa-card-top\">\r\n          <div class=\"qa-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v18\"\/><path d=\"M5 10h14M5 16h14\"\/><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Proof \/ Load Testing<\/h4>\r\n        <\/div>\r\n        <p>In-house fabrication proof and load testing, plus coordination with third-party testing service providers when required.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"qa-card\">\r\n        <div class=\"qa-card-top\">\r\n          <div class=\"qa-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M8 13h8M8 17h5\"\/><\/svg>\r\n          <\/div>\r\n          <h4>QC Documentation &amp; Compliance<\/h4>\r\n        <\/div>\r\n        <p>Quality control and compliance to ASME, AWS, and AWWA standards, with complete QC documentation and reports.<\/p>\r\n        <div class=\"qa-docs\">\r\n          <span class=\"qa-doc\">COC<\/span>\r\n          <span class=\"qa-doc\">Shop Travelers<\/span>\r\n          <span class=\"qa-doc\">Paint Reports<\/span>\r\n          <span class=\"qa-doc\">MTRs<\/span>\r\n          <span class=\"qa-doc\">NDT Reports<\/span>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     ENGINEERING & DESIGN SERVICES\r\n     ========================================== -->\r\n<section class=\"section-eng\" id=\"engdesign\">\r\n  <div class=\"container\">\r\n    <div class=\"eng-header\">\r\n      <!--<div class=\"eng-label\">Design Office<\/div>-->\r\n      <h2 class=\"eng-title\">Technical <em>Expertise<\/em><\/h2>\r\n      <p class=\"eng-subtitle\">From shop drawings and 2D\/3D modeling to submittals and specification reviews, our technical team helps ensure fabrication requirements are clearly defined before work begins.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"eng-sheets\">\r\n      <article class=\"eng-sheet\">\r\n        <span class=\"eng-sheet-index\">DWG 01<\/span>\r\n        <h3>Shop &amp; Layout Drawings<\/h3>\r\n        <p>Production-ready shop drawings and layout drawings that translate project specs into buildable fabrication packages.<\/p>\r\n        <div class=\"eng-sheet-rule\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"eng-sheet\">\r\n        <span class=\"eng-sheet-index\">DWG 02<\/span>\r\n        <h3>2D \/ 3D Drafting &amp; Modeling<\/h3>\r\n        <p>2D and 3D models to review piping layouts, identify potential interferences, and support fabrication.<\/p>\r\n        <div class=\"eng-sheet-rule\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"eng-sheet\">\r\n        <span class=\"eng-sheet-index\">DWG 03<\/span>\r\n        <h3>Technical Support &amp; Sealed Work<\/h3>\r\n        <p>Technical support, drawings, and documentation coordinated to meet project requirements, including sealed deliverables when required through qualified professionals.<\/p>\r\n        <div class=\"eng-sheet-rule\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"eng-sheet\">\r\n        <span class=\"eng-sheet-index\">DWG 04<\/span>\r\n        <h3>Code &amp; Specification Compliance<\/h3>\r\n        <p>Fabrication aligned with applicable AWWA standards, ASME codes, and project specifications to meet specific project requirements.<\/p>\r\n        <div class=\"eng-sheet-rule\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"eng-sheet\">\r\n        <span class=\"eng-sheet-index\">DWG 05<\/span>\r\n        <h3>Submittal Package<\/h3>\r\n        <p>Complete submittal packages covering drawings, calculations, procedures, and supporting documentation for owner review.<\/p>\r\n        <div class=\"eng-sheet-rule\"><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     ADDITIONAL SERVICES \/ VALUE-ADD\r\n     ========================================== -->\r\n<section class=\"section-value\" id=\"additionalservices\">\r\n  <div class=\"container\">\r\n    <div class=\"value-wrap\">\r\n      <div class=\"value-intro\">\r\n        <div class=\"value-label\">Partnership<\/div>\r\n        <h2 class=\"value-title\">Additional Services \/ <em>Value-Add<\/em><\/h2>\r\n        <p class=\"value-subtitle\">Beyond fabrication design build support, sourcing flexibility, and in house teams that keep complex projects on spec and on schedule.<\/p>\r\n        <ul class=\"value-list\">\r\n          <li>Design-build support<\/li>\r\n          <li>Consultation and problem solving for complex applications<\/li>\r\n          <li>Domestic and international sourcing flexibility<\/li>\r\n          <li>Custom solutions for municipalities, EPCs, and industrial clients<\/li>\r\n          <li>Coordination for large construction projects<\/li>\r\n          <li>Ability to support emergency repair situations<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"value-house\">\r\n        <div class=\"value-house-label\">In-House Teams<\/div>\r\n        <h3>One shop. Four disciplines.<\/h3>\r\n        <p>Estimating, project management, logistics, and Technical Expertise stay under one roof so take-offs, execution, and spec compliance move together.<\/p>\r\n        <div class=\"value-teams\">\r\n          <article class=\"value-team\">\r\n            <span class=\"value-team-num\">01<\/span>\r\n            <h4>Estimating<\/h4>\r\n            <p>Detailed quotes based on supplied takeoffs or itemized lists to meet bid package requirements.<\/p>\r\n          <\/article>\r\n          <article class=\"value-team\">\r\n            <span class=\"value-team-num\">02<\/span>\r\n            <h4>Project Management<\/h4>\r\n            <p>Dedicated PM support to assist with on-time execution from award through delivery.<\/p>\r\n          <\/article>\r\n          <article class=\"value-team\">\r\n            <span class=\"value-team-num\">03<\/span>\r\n            <h4>Shipping &amp; Logistics<\/h4>\r\n            <p>Coordinated shipping, staged releases, and jobsite deliveries aligned with project schedules.<\/p>\r\n          <\/article>\r\n          <article class=\"value-team\">\r\n            <span class=\"value-team-num\">04<\/span>\r\n            <h4>Technical Support<\/h4>\r\n            <p>Technical guidance to help ensure fabrication, coatings, and linings meet project specifications.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01268f1 e-con-full e-flex e-con e-parent\" data-id=\"01268f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e9f5c4a e-con-full e-flex e-con e-child\" data-id=\"e9f5c4a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-79dd1f2 e-con-full e-flex e-con e-child\" data-id=\"79dd1f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aa4f347 e-con-full e-flex e-con e-child\" data-id=\"aa4f347\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4df1ac3 elementor-widget elementor-widget-heading\" data-id=\"4df1ac3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lets Start Your Project<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b5a0d1 elementor-widget elementor-widget-text-editor\" data-id=\"3b5a0d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Whether you&#8217;re planning a transmission pipeline, water treatment facility, municipal infrastructure project, or custom pressure vessel, our experienced team is ready to deliver engineered fabrication solutions tailored to your specifications. Partner with American Pipe &amp; Vessel for quality, precision, and dependable performance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f493cf0 elementor-widget elementor-widget-button\" data-id=\"f493cf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/demowebdesign.live\/jddemore\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request a Quote<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OUR CAPABILITIES Comprehensive Fabrication Solutions Built for Critical Infrastructure American Pipe &amp; Vessel provides end-to-end fabrication capabilities, from technical support and estimating to custom pipe and pressure vessel fabrication, coating, quality assurance, and project coordination. Our integrated approach emphasizes quality craftsmanship, dependable execution, and compliance with applicable AWWA and ASME standards. Request a Quote Our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/jddemore\/wp-json\/wp\/v2\/pages\/1494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/jddemore\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/jddemore\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/jddemore\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/jddemore\/wp-json\/wp\/v2\/comments?post=1494"}],"version-history":[{"count":160,"href":"https:\/\/demowebdesign.live\/jddemore\/wp-json\/wp\/v2\/pages\/1494\/revisions"}],"predecessor-version":[{"id":2501,"href":"https:\/\/demowebdesign.live\/jddemore\/wp-json\/wp\/v2\/pages\/1494\/revisions\/2501"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/jddemore\/wp-json\/wp\/v2\/media?parent=1494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}