{"id":2629,"date":"2020-03-04T20:56:00","date_gmt":"2020-03-04T12:56:00","guid":{"rendered":"https:\/\/hkcablemachine.com\/?page_id=2629"},"modified":"2026-10-31T20:52:09","modified_gmt":"2026-10-31T12:52:09","slug":"tentang-mesin-kabel-hongkai-3","status":"publish","type":"page","link":"https:\/\/hkcablemachine.com\/id\/about-hongkai-cable-machinery\/","title":{"rendered":"Tentang"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2629\" class=\"elementor elementor-2629\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a564b7 hk-hero-grid e-flex e-con-boxed e-con e-parent\" data-id=\"3a564b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3cbbe53 e-con-full hk-hero-copy e-flex e-con e-child\" data-id=\"3cbbe53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c659bd elementor-widget elementor-widget-bdt-breadcrumbs\" data-id=\"8c659bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-breadcrumbs.default\">\n\t\t\t\t\t\t\t<div class='bdt-ep-breadcrumbs-wrapper'><ul class=\"bdt-ep-breadcrumb breadcrumb-align-left  \"><li><a href=\"https:\/\/hkcablemachine.com\/id\/\">Home<\/a><\/li>\n<li><span> Laman<\/span><\/li>\n<\/ul><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b451054 hk-standard-heading elementor-widget elementor-widget-html\" data-id=\"b451054\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<style id=\"hongkai-about-palette-v20261031\" nitro-exclude>\n\/* About page: local UI palette delivery; original media, layout and behavior retained. *\/\n[data-elementor-id=\"2629\"] .hk-hero-visual::before {\n  background-color: rgba(252,252,251,.82) !important;\n  background-image: repeating-linear-gradient(135deg,rgba(36,38,40,.12) 0,rgba(36,38,40,.12) 1px,transparent 1px,transparent 10px) !important;\n}\n[data-elementor-id=\"2629\"] .hk-proof-item-v4:focus-visible { outline-color: rgba(198,75,32,.25); }\n[data-elementor-id=\"2629\"] .hk-about-v52-sections :is(a,button,summary):focus-visible { outline-color: rgba(198,75,32,.42); }\n[data-elementor-id=\"2629\"] .hk-about-values-v53 a:focus-visible { outline-color: rgba(198,75,32,.42); }\n[data-elementor-id=\"2629\"] #identity { background-image: radial-gradient(circle at 8% 8%,rgba(198,75,32,.055),transparent 29%) !important; }\nbody.page-id-2629 [data-elementor-id=\"2629\"] .hk-history-rail::after { background-image: linear-gradient(var(--hk-blue),rgba(198,75,32,.08)); }\n[data-elementor-id=\"2629\"] #process {\n  background-color: #242628 !important;\n  background-image: radial-gradient(circle at 82% 12%,rgba(198,75,32,.18),transparent 32%) !important;\n}\n[data-elementor-id=\"2629\"] #process::before {\n  background-image: linear-gradient(rgba(252,252,251,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(252,252,251,.13) 1px,transparent 1px);\n}\n[data-elementor-id=\"2629\"] #process::after { background-image: linear-gradient(transparent,rgba(36,38,40,.36)); }\n[data-elementor-id=\"2629\"] .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process::before {\n  background-image: linear-gradient(90deg,transparent 49.9%,rgba(252,252,251,.035) 50%,transparent 50.1%),linear-gradient(rgba(252,252,251,.026) 1px,transparent 1px);\n}\nbody.page-id-2629 [data-elementor-id=\"2629\"] .elementor-element-27e5455 { background-image: radial-gradient(circle at 82% 16%,rgba(198,75,32,.09),transparent 32%); }\nbody.page-id-2629 [data-elementor-id=\"2629\"] .elementor-element-49a8398 { background-image: radial-gradient(circle at 12% 20%,rgba(198,75,32,.07),transparent 28%) !important; }\nbody.page-id-2629 [data-elementor-id=\"2629\"] .elementor-element-845a4ef { background-image: radial-gradient(circle at 88% 18%,rgba(36,38,40,.055),transparent 30%) !important; }\nbody.page-id-2629 [data-elementor-id=\"2629\"] .elementor-element-64e3d60 { background-image: radial-gradient(circle at 88% 14%,rgba(36,38,40,.07),transparent 31%) !important; }\n[data-elementor-id=\"2629\"] .hk-about-final-v9 .hk-final-section {\n  background-image: radial-gradient(circle at 88% 10%,rgba(198,75,32,.24),transparent 34%),linear-gradient(135deg,var(--hk-dark) 0%,#242628 62%,var(--hk-dark-2) 100%);\n}\n[data-elementor-id=\"2629\"] .hk-about-final-v9 .hk-final-section::after {\n  background-image: linear-gradient(90deg,transparent 49.9%,rgba(252,252,251,.03) 50%,transparent 50.1%),linear-gradient(rgba(252,252,251,.025) 1px,transparent 1px);\n}\n<\/style>\n<div class=\"numbered-label\">\n  <span>00<\/span>\n  <b>ABOUT HONGKAI CABLE MACHINERY<\/b>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4055c8 uael-mobile-dual-heading-align-center hk-hero-title uael-dual-heading-align-left elementor-widget elementor-widget-uael-dual-color-heading\" data-id=\"a4055c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-dual-color-heading.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"uael-module-content uael-dual-color-heading uael-stack-desktop-yes uael-heading-stack-\">\n\t\t\t<h1>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"uael-before-heading\"><span class=\"elementor-inline-editing uael-dual-heading-text uael-first-text\" data-elementor-setting-key=\"before_heading_text\" data-elementor-inline-editing-toolbar=\"basic\">The Team Behind Your <\/span><\/span><span class=\"uael-adv-heading-stack\"><span class=\"elementor-inline-editing uael-dual-heading-text uael-highlight-text\" data-elementor-setting-key=\"second_heading_text\" data-elementor-inline-editing-toolbar=\"basic\">Cable Production Project.<\/span><\/span>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59fa77b elementor-widget elementor-widget-text-editor\" data-id=\"59fa77b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t<p>HONGKAI integrates core equipment and specialist machinery into complete production lines for fiber optic, LAN, and low-voltage cables. Our project team manages process planning, equipment coordination, delivery, installation, and after-sales support.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce71e14 elementor-widget elementor-widget-html\" data-id=\"ce71e14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<div class=\"hk-responsibility-note\">\n  <strong>\n    The right equipment from the right specialists, managed as one complete project.\n  <\/strong>\n\n  <span>\n    Clear technical scope, coordinated delivery, and one responsible service team from planning to after-sales.\n  <\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67a3fae uael-button-halign-left uael-button-stack-mobile uael-mobile-button-halign-justify elementor-widget elementor-widget-uael-buttons\" data-id=\"67a3fae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-buttons.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"uael-dual-button-outer-wrap\">\n\t\t\t<div class=\"uael-dual-button-wrap\">\n\t\t\t\t\t\t\t\t<div class=\"uael-button-wrapper uael-dual-button elementor-widget-button elementor-repeater-item-23c8a0f uael-dual-button-0\">\n\t\t\t\t\t<a class=\"elementor-button-link elementor-button elementor-size-xl elementor-button-link elementor-animation-hang\" href=\"https:\/\/hkcablemachine.com\/contact\/#project-contact\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper uael-buttons-icon-right\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-align-icon-right elementor-button-icon\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"miter\"><\/path><path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"miter\"><\/path><\/svg>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text elementor-inline-editing\" data-elementor-setting-key=\"buttons.0.text\" data-elementor-inline-editing-toolbar=\"none\">Discuss your project<\/span>\n\t\t<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"uael-button-wrapper uael-dual-button elementor-widget-button elementor-repeater-item-7bef86e uael-dual-button-1\">\n\t\t\t\t\t<a class=\"elementor-button-link elementor-button elementor-size-xl elementor-button-link elementor-animation-hang\" href=\"#manufacturing\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper uael-buttons-icon-right elementor-button-content-wrapper uael-buttons-icon-\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-align-icon- elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text elementor-inline-editing\" data-elementor-setting-key=\"buttons.1.text\" data-elementor-inline-editing-toolbar=\"none\">review our capabilities<\/span>\n\t\t<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-067eb51 e-con-full hk-hero-visual e-flex e-con e-child\" data-id=\"067eb51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-448e1c7 e-con-full hk-image-card e-flex e-con e-child\" data-id=\"448e1c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8accbe2 hk-team-image bdt-image-hover-effect-wrap bdt-image-hover-effect-1 elementor-widget elementor-widget-image\" data-id=\"8accbe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"1152\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled.jpg\" class=\"attachment-full size-full wp-image-10499\" alt=\"hongkai group\" srcset=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled.jpg 2048w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-1024x576.jpg 1024w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-768x432.jpg 768w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-1536x864.jpg 1536w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-18x10.jpg 18w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-700x394.jpg 700w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bcd85b2 hk-image-caption elementor-widget elementor-widget-html\" data-id=\"bcd85b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<span>PROJECT TEAM \u00b7 CABLE MACHINERY INTEGRATION<\/span>\n<strong>HONGKAI Cable Machinery project team<\/strong>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0989e0c hk-tag-manufactured elementor-widget elementor-widget-html\" data-id=\"0989e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\tSelected and coordinated by HONGKAI\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29a99ce hk-tag-global elementor-widget elementor-widget-html\" data-id=\"29a99ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\tGlobal Project Coordination\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-898d92d hk-project-index elementor-widget elementor-widget-html\" data-id=\"898d92d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<span>HK<\/span>\n<b>PROJECT \/ 01<\/b>\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-7562540 e-flex e-con-boxed e-con e-parent\" data-id=\"7562540\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-140958b elementor-widget elementor-widget-html\" data-id=\"140958b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!-- HONGKAI \/ ABOUT HERO PROOF STRIP -->\n<div class=\"hk-about-proof-v4\">\n\n  <a class=\"hk-proof-item-v4\" href=\"#manufacturing\">\n    <span class=\"hk-proof-number-v4\">01<\/span>\n    <strong>Core equipment selected for the project scope<\/strong>\n    <span class=\"hk-proof-arrow-v4\" aria-hidden=\"true\">\u2198<\/span>\n  <\/a>\n\n  <a class=\"hk-proof-item-v4\" href=\"#strengths\">\n    <span class=\"hk-proof-number-v4\">02<\/span>\n    <strong>Specialist machinery transparently sourced<\/strong>\n    <span class=\"hk-proof-arrow-v4\" aria-hidden=\"true\">\u2198<\/span>\n  <\/a>\n\n  <a class=\"hk-proof-item-v4\" href=\"#process\">\n    <span class=\"hk-proof-number-v4\">03<\/span>\n    <strong>One coordinated international project<\/strong>\n    <span class=\"hk-proof-arrow-v4\" aria-hidden=\"true\">\u2198<\/span>\n  <\/a>\n\n<\/div>\n\n<style>\n\/* =========================================\n   HONGKAI ABOUT HERO PROOF STRIP\n========================================= *\/\n\n.hk-about-proof-v4,\n.hk-about-proof-v4 * {\n  box-sizing: border-box;\n}\n\n.hk-about-proof-v4 {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  width: 100%;\n  margin: 0 auto;\n\n  overflow: hidden;\n\n  border: 1px solid #D5E1EB;\n  border-radius: 16px 16px 0 0;\n\n  background: rgba(255, 255, 255, 0.82);\n\n  box-shadow:\n    0 -8px 30px rgba(16, 42, 67, 0.035),\n    0 12px 36px rgba(16, 42, 67, 0.04);\n\n  -webkit-backdrop-filter: blur(12px) saturate(135%);\n  backdrop-filter: blur(12px) saturate(135%);\n\n  font-family: \"Roboto\", Arial, sans-serif;\n}\n\n\/* \u5355\u4e2a\u9009\u9879 *\/\n\n.hk-proof-item-v4 {\n  position: relative;\n\n  display: grid;\n  grid-template-columns: 44px minmax(0, 1fr) 28px;\n  gap: 18px;\n  align-items: center;\n\n  min-width: 0;\n  min-height: 132px;\n  padding: 26px 30px;\n\n  border-right: 1px solid #D5E1EB;\n\n  color: #102A43;\n  text-decoration: none !important;\n\n  transition:\n    background-color 0.22s ease,\n    color 0.22s ease,\n    transform 0.22s ease;\n}\n\n.hk-proof-item-v4:last-child {\n  border-right: 0;\n}\n\n\/* \u9876\u90e8\u4ea4\u4e92\u7ebf\u6761 *\/\n\n.hk-proof-item-v4::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n\n  height: 3px;\n\n  background: linear-gradient(\n    90deg,\n    #1677C8 0%,\n    #33A0E8 55%,\n    transparent 100%\n  );\n\n  content: \"\";\n\n  transform: scaleX(0);\n  transform-origin: left center;\n\n  transition: transform 0.3s ease;\n}\n\n\/* \u7f16\u53f7 *\/\n\n.hk-proof-number-v4 {\n  color: #1677C8;\n\n  font-family: \"Roboto Mono\", Consolas, monospace;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: 0.04em;\n}\n\n\/* \u6807\u9898 *\/\n\n.hk-proof-item-v4 strong {\n  display: block;\n\n  max-width: 330px;\n  margin: 0;\n\n  color: #102A43;\n\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: clamp(16px, 1.25vw, 19px);\n  font-weight: 700;\n  line-height: 1.38;\n  letter-spacing: -0.02em;\n}\n\n\/* \u7bad\u5934 *\/\n\n.hk-proof-arrow-v4 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #1677C8;\n\n  font-family: Arial, sans-serif;\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1;\n\n  transition: transform 0.22s ease;\n}\n\n\/* \u60ac\u505c\u6548\u679c *\/\n\n.hk-proof-item-v4:hover {\n  background: rgba(234, 244, 252, 0.66);\n  color: #1677C8;\n}\n\n.hk-proof-item-v4:hover::before {\n  transform: scaleX(1);\n}\n\n.hk-proof-item-v4:hover .hk-proof-arrow-v4 {\n  transform: translate(4px, 4px);\n}\n\n\/* \u952e\u76d8\u64cd\u4f5c *\/\n\n.hk-proof-item-v4:focus-visible {\n  z-index: 2;\n\n  outline: 3px solid rgba(22, 119, 200, 0.25);\n  outline-offset: -3px;\n}\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1024px) {\n  .hk-proof-item-v4 {\n    grid-template-columns: 34px minmax(0, 1fr) 24px;\n    gap: 12px;\n\n    min-height: 120px;\n    padding: 22px 20px;\n  }\n\n  .hk-proof-item-v4 strong {\n    font-size: 15px;\n  }\n\n  .hk-proof-arrow-v4 {\n    font-size: 19px;\n  }\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n  .hk-about-proof-v4 {\n    grid-template-columns: 1fr;\n\n    border-radius: 12px;\n  }\n\n  .hk-proof-item-v4 {\n    grid-template-columns: 34px minmax(0, 1fr) 24px;\n\n    min-height: 82px;\n    padding: 18px 17px;\n\n    border-right: 0;\n    border-bottom: 1px solid #D5E1EB;\n  }\n\n  .hk-proof-item-v4:last-child {\n    border-bottom: 0;\n  }\n\n  .hk-proof-number-v4 {\n    font-size: 10px;\n  }\n\n  .hk-proof-item-v4 strong {\n    max-width: none;\n\n    font-size: 14px;\n    line-height: 1.4;\n  }\n\n  .hk-proof-arrow-v4 {\n    font-size: 18px;\n  }\n}\n\n\/* \u51cf\u5c11\u52a8\u6001\u6548\u679c *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-proof-item-v4,\n  .hk-proof-item-v4::before,\n  .hk-proof-arrow-v4 {\n    transition: none !important;\n  }\n}\n<\/style>\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-9df8668 e-con-full hk-trust-journey-wrap e-flex e-con e-parent\" data-id=\"9df8668\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7072abb elementor-widget elementor-widget-html\" data-id=\"7072abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n\n<!-- =========================================================\n     HONGKAI ABOUT \/ TRUST JOURNEY STICKY NAV \/ V8 \/ NO PAGE PROGRESS\n     Paste this entire file into ONE Elementor HTML widget.\n     The widget's OUTER container must use the companion CSS.\n========================================================== -->\n\n<nav class=\"hk-about-journey-v8\" aria-label=\"About page trust journey\">\n  <div class=\"hk-about-journey-inner-v8\">\n    <span class=\"hk-about-journey-label-v8\">TRUST JOURNEY<\/span>\n\n    <div class=\"hk-about-journey-links-v8\">\n      <a href=\"#who-we-are\" data-hk-about-journey-link>Who We Are<\/a>\n      <a href=\"#development\" data-hk-about-journey-link>Development<\/a>\n      <a href=\"#how-we-work\" data-hk-about-journey-link>Process<\/a>\n      <a href=\"#strengths\" data-hk-about-journey-link>Strengths<\/a>\n      <a href=\"#manufacturing\" data-hk-about-journey-link>Evidence<\/a>\n      <a href=\"#team\" data-hk-about-journey-link>Team<\/a>\n      <a href=\"#projects\" data-hk-about-journey-link>Projects<\/a>\n      <a href=\"#values\" data-hk-about-journey-link>Values<\/a>\n    <\/div>\n\n    <a class=\"hk-about-journey-cta-v8\" href=\"#contact\">\n      Start a Project <span aria-hidden=\"true\">&#8599;<\/span>\n    <\/a>\n  <\/div>\n<\/nav>\n\n<style>\n\/* ---------- LOCAL RESET ---------- *\/\n.hk-about-journey-v8,\n.hk-about-journey-v8 * {\n  box-sizing: border-box;\n}\n\n.hk-about-journey-v8 a {\n  text-decoration: none !important;\n}\n\n\/* ---------- GLASS NAV BAR ---------- *\/\n.hk-about-journey-v8 {\n  position: relative;\n  width: 100%;\n  min-height: 54px;\n  margin: 0;\n  padding: 0 !important;\n  border-top: 0;\n  border-bottom: 1px solid rgba(16, 42, 67, .07);\n  background: rgba(255, 255, 255, .64);\n  box-shadow: 0 8px 24px rgba(16, 42, 67, .035);\n  -webkit-backdrop-filter: blur(12px) saturate(135%);\n  backdrop-filter: blur(12px) saturate(135%);\n}\n\n.hk-about-journey-inner-v8 {\n  display: flex;\n  width: min(1200px, calc(100% - 56px));\n  min-height: 54px;\n  margin: 0 auto;\n  padding: 0;\n  gap: 20px;\n  align-items: center;\n}\n\n.hk-about-journey-label-v8 {\n  flex: 0 0 auto;\n  color: #8290A4;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: .10em;\n  white-space: nowrap;\n}\n\n.hk-about-journey-links-v8 {\n  display: flex;\n  min-width: 0;\n  flex: 1 1 auto;\n  align-self: stretch;\n  justify-content: flex-start;\n  gap: 3px;\n}\n\n.hk-about-journey-links-v8 a {\n  position: relative;\n  display: inline-flex;\n  min-height: 54px;\n  padding: 0 9px;\n  flex: 0 0 auto;\n  align-items: center;\n  color: #53627A !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1;\n  white-space: nowrap;\n  transition: color 180ms ease;\n}\n\n.hk-about-journey-links-v8 a::after {\n  position: absolute;\n  right: 9px;\n  bottom: -1px;\n  left: 9px;\n  height: 2px;\n  border-radius: 0;\n  background: #1677C8;\n  content: \"\";\n  opacity: 0;\n  transform: scaleX(.3);\n  transform-origin: center;\n  transition: opacity 180ms ease, transform 180ms ease;\n}\n\n.hk-about-journey-links-v8 a:hover,\n.hk-about-journey-links-v8 a:focus-visible,\n.hk-about-journey-links-v8 a.is-active,\n.hk-about-journey-links-v8 a[aria-current=\"location\"] {\n  color: #1677C8 !important;\n}\n\n.hk-about-journey-links-v8 a:hover::after,\n.hk-about-journey-links-v8 a.is-active::after,\n.hk-about-journey-links-v8 a[aria-current=\"location\"]::after {\n  opacity: 1;\n  transform: scaleX(1);\n}\n\n.hk-about-journey-cta-v8 {\n  display: inline-flex;\n  min-height: auto;\n  padding: 0;\n  flex: 0 0 auto;\n  gap: 7px;\n  align-items: center;\n  color: #E16A47 !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1;\n  white-space: nowrap;\n}\n\n.hk-about-journey-cta-v8 > span {\n  display: inline;\n  width: auto;\n  height: auto;\n  margin: 0;\n  font: inherit;\n  line-height: inherit;\n  transform: none;\n  transition: transform 180ms ease;\n}\n\n.hk-about-journey-cta-v8:hover > span,\n.hk-about-journey-cta-v8:focus-visible > span {\n  transform: translate(3px, -3px);\n}\n\n\/* Anchor targets stay visible below the header + sticky journey bar. *\/\n#who-we-are,\n#development,\n#how-we-work,\n#strengths,\n#manufacturing,\n#team,\n#projects,\n#values,\n#contact {\n  scroll-margin-top: 154px;\n}\n\n\/* ---------- TABLET ---------- *\/\n@media (max-width: 1120px) {\n  .hk-about-journey-label-v8 {\n    display: none;\n  }\n}\n\n@media (max-width: 860px) {\n  .hk-about-journey-v8 {\n    overflow: hidden;\n  }\n\n  .hk-about-journey-inner-v8 {\n    width: 100%;\n    min-height: 52px;\n    padding: 0;\n    gap: 0;\n    overflow: hidden;\n  }\n\n  .hk-about-journey-links-v8 {\n    width: 100%;\n    justify-content: flex-start;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0 38px 0 14px;\n    scroll-padding-left: 14px;\n    scrollbar-width: none;\n    scroll-snap-type: x proximity;\n    overscroll-behavior-x: contain;\n    touch-action: pan-x;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .hk-about-journey-links-v8::-webkit-scrollbar {\n    display: none;\n  }\n\n  .hk-about-journey-links-v8 a {\n    min-height: 52px;\n    flex: 0 0 auto;\n    scroll-snap-align: start;\n  }\n\n  .hk-about-journey-cta-v8 {\n    display: none;\n  }\n\n  #who-we-are,\n  #development,\n  #how-we-work,\n  #strengths,\n  #manufacturing,\n  #team,\n  #projects,\n  #values,\n  #contact {\n    scroll-margin-top: 134px;\n  }\n}\n\n\/* ---------- MOBILE ---------- *\/\n@media (max-width: 620px) {\n  .hk-about-journey-v8,\n  .hk-about-journey-inner-v8,\n  .hk-about-journey-links-v8 a {\n    min-height: 48px;\n  }\n\n  .hk-about-journey-links-v8 {\n    padding: 0 38px 0 14px;\n  }\n\n  .hk-about-journey-links-v8 a {\n    padding: 0 12px;\n    font-size: 10px;\n  }\n\n  .hk-about-journey-links-v8 a::after {\n    right: 12px;\n    left: 12px;\n  }\n\n  #who-we-are,\n  #development,\n  #how-we-work,\n  #strengths,\n  #manufacturing,\n  #team,\n  #projects,\n  #values,\n  #contact {\n    scroll-margin-top: 116px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-journey-links-v8 a,\n  .hk-about-journey-links-v8 a::after {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  const initialize = () => {\n  const nav = document.querySelector(\".hk-about-journey-v8:not([data-hk-ready])\");\n  if (!nav) return;\n  nav.setAttribute(\"data-hk-ready\", \"true\");\n\n  const linksWrap = nav.querySelector(\".hk-about-journey-links-v8\");\n  const links = Array.from(nav.querySelectorAll(\"[data-hk-about-journey-link]\"));\n  const sections = links\n    .map((link) => {\n      const href = link.getAttribute(\"href\");\n      return href && href.charAt(0) === \"#\" ? document.querySelector(href) : null;\n    })\n    .filter(Boolean);\n\n  let previousActiveId = \"\";\n\n  const centerMobileLink = (link, id) => {\n    if (!linksWrap || !link || id === previousActiveId || window.innerWidth > 860) {\n      previousActiveId = id;\n      return;\n    }\n\n    previousActiveId = id;\n    const left = link.offsetLeft - (linksWrap.clientWidth - link.offsetWidth) \/ 2;\n    linksWrap.scrollTo({ left: Math.max(0, left), behavior: \"smooth\" });\n  };\n\n  const setActiveLink = () => {\n    if (!sections.length) return;\n\n    const marker = window.scrollY + Math.min(220, window.innerHeight * .30);\n    let currentId = sections[0].id;\n\n    sections.forEach((section) => {\n      const sectionTop = section.getBoundingClientRect().top + window.scrollY;\n      if (sectionTop <= marker) currentId = section.id;\n    });\n\n    links.forEach((link) => {\n      const isActive = link.getAttribute(\"href\") === \"#\" + currentId;\n      link.classList.toggle(\"is-active\", isActive);\n\n      if (isActive) {\n        link.setAttribute(\"aria-current\", \"location\");\n        centerMobileLink(link, currentId);\n      } else {\n        link.removeAttribute(\"aria-current\");\n      }\n    });\n  };\n\n\n  let ticking = false;\n  const update = () => {\n    setActiveLink();\n    ticking = false;\n  };\n\n  const requestUpdate = () => {\n    if (ticking) return;\n    ticking = true;\n    window.requestAnimationFrame(update);\n  };\n\n  window.addEventListener(\"scroll\", requestUpdate, { passive: true });\n  window.addEventListener(\"resize\", requestUpdate, { passive: true });\n  requestUpdate();\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initialize);\n  } else {\n    initialize();\n  }\n\n  window.addEventListener(\"elementor\/frontend\/init\", () => {\n    window.setTimeout(initialize, 250);\n  });\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60f1a8a hk-identity-section-v6 e-flex e-con-boxed e-con e-parent\" data-id=\"60f1a8a\" data-element_type=\"container\" data-e-type=\"container\" id=\"identity\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7adc147 elementor-widget elementor-widget-html\" data-id=\"7adc147\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 01 \u00b7 COMPANY PROFILE \/ WHO WE ARE\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and reveal interaction are included.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-navy: #102a43;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections a:focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-profile { background: var(--hk-white); }\n\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  font-weight: 800;\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-v5-lead p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.82;\n}\n.hk-about-v52-sections .hk-v5-lead p + p { margin-top: 18px; }\n\n.hk-about-v52-sections .hk-profile-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, .76fr) minmax(0, 1.24fr);\n  gap: 18px;\n  align-items: stretch;\n}\n\n.hk-about-v52-sections .hk-fact-card {\n  margin: 0;\n  padding: 18px 30px;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: var(--hk-soft);\n  box-shadow: 0 16px 38px rgba(16,42,67,.05);\n}\n.hk-about-v52-sections .hk-fact-card > div {\n  display: grid;\n  min-height: 74px;\n  padding: 16px 0;\n  grid-template-columns: 140px minmax(0, 1fr);\n  gap: 22px;\n  align-items: center;\n  border-bottom: 1px solid var(--hk-line);\n}\n.hk-about-v52-sections .hk-fact-card > div:last-child { border-bottom: 0; }\n.hk-about-v52-sections .hk-fact-card dt {\n  color: #7a899d;\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n.hk-about-v52-sections .hk-fact-card dd {\n  margin: 0;\n  color: var(--hk-navy);\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n.hk-about-v52-sections .hk-fact-card a { color: var(--hk-blue); }\n\n.hk-about-v52-sections .hk-business-entries {\n  display: grid;\n  gap: 12px;\n}\n.hk-about-v52-sections .hk-business-entries > a {\n  position: relative;\n  display: grid;\n  min-height: 132px;\n  padding: 24px 64px 22px 26px;\n  align-content: center;\n  border: 1px solid var(--hk-line);\n  border-radius: 14px;\n  background: var(--hk-white);\n  box-shadow: 0 10px 30px rgba(16,42,67,.045);\n  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;\n}\n.hk-about-v52-sections .hk-business-entries > a:hover {\n  border-color: #b5d5ea;\n  box-shadow: 0 18px 38px rgba(16,42,67,.09);\n  transform: translateX(5px);\n}\n.hk-about-v52-sections .hk-business-entries small {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-v52-sections .hk-business-entries strong {\n  margin-top: 8px;\n  color: var(--hk-navy);\n  font-size: clamp(18px, 1.7vw, 23px);\n  line-height: 1.3;\n}\n.hk-about-v52-sections .hk-entry-description {\n  margin-top: 7px;\n  color: var(--hk-muted);\n  font-size: 14px;\n  line-height: 1.55;\n}\n.hk-about-v52-sections .hk-entry-arrow {\n  position: absolute;\n  top: 50%;\n  right: 25px;\n  color: var(--hk-blue);\n  font-size: 20px;\n  line-height: 1;\n  transform: translateY(-50%);\n}\n\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading {\n    grid-template-columns: 1fr;\n    gap: 27px;\n  }\n  .hk-about-v52-sections .hk-profile-layout { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading { margin-bottom: 38px; }\n  .hk-about-v52-sections .hk-v5-heading h2 {\n    font-size: clamp(33px, 9.4vw, 44px);\n    overflow-wrap: anywhere;\n  }\n  .hk-about-v52-sections .hk-v5-lead p {\n    font-size: 15px;\n    line-height: 1.75;\n  }\n  .hk-about-v52-sections .hk-fact-card { padding: 12px 20px; }\n  .hk-about-v52-sections .hk-fact-card > div {\n    min-height: 0;\n    grid-template-columns: 1fr;\n    gap: 4px;\n  }\n  .hk-about-v52-sections .hk-business-entries > a {\n    min-height: 142px;\n    padding: 24px 50px 22px 22px;\n  }\n  .hk-about-v52-sections .hk-business-entries > a:hover { transform: none; }\n  .hk-about-v52-sections .hk-business-entries strong { font-size: 20px; }\n  .hk-about-v52-sections .hk-entry-arrow { right: 19px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-business-entries > a { padding-right: 44px; }\n  .hk-about-v52-sections .hk-section-tag { align-items: flex-start; }\n  .hk-about-v52-sections .hk-section-tag b { padding-top: 4px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"who-we-are\">\n  <section class=\"hk-section hk-profile\" id=\"who-we-are\" aria-labelledby=\"who-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>01<\/span><b>COMPANY PROFILE \u00b7 WHO WE ARE<\/b><\/div>\n          <h2 id=\"who-title\">Equipment supply, integration and international service\u2014clearly connected.<\/h2>\n        <\/div>\n        <div class=\"hk-v5-lead\">\n          <p>HONGKAI Cable Machinery serves cable manufacturers, new-factory investors, engineering companies and industrial partners planning fiber optic, LAN and low-voltage cable production.<\/p>\n          <p>HONGKAI connects suitable core equipment with specialist resources and one international project contact. The exact equipment source, technical scope and responsibility path are defined for each project.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hk-profile-layout\">\n        <dl class=\"hk-fact-card hk-reveal\" aria-label=\"HONGKAI company facts\">\n          <div><dt>Brand<\/dt><dd>HONGKAI Cable Machinery<\/dd><\/div>\n          <div><dt>International operations<\/dt><dd>Peter He \u00b7 HONGKAI international project team<\/dd><\/div>\n          <div><dt>Core equipment supply<\/dt><dd>Engineering, assembly, controls and testing within the confirmed HONGKAI scope<\/dd><\/div>\n          <div><dt>Main fields<\/dt><dd>Fiber Optic \u00b7 LAN \u00b7 Low-Voltage Cable<\/dd><\/div>\n          <div><dt>Project contact<\/dt><dd><a href=\"mailto:peterhe@hkcablemachine.com\">peterhe@hkcablemachine.com<\/a><\/dd><\/div>\n        <\/dl>\n\n        <div class=\"hk-business-entries hk-reveal\" aria-label=\"Three HONGKAI business entry points\">\n          <a href=\"https:\/\/hkcablemachine.com\/cable-machinery-production-lines\/#equipment-directory\">\n            <small>BUSINESS ENTRY 01<\/small>\n            <strong>Cable Machinery &amp; Production Lines<\/strong>\n            <span class=\"hk-entry-description\">Plan equipment and complete production capacity<\/span>\n            <span class=\"hk-entry-arrow\" aria-hidden=\"true\">&#8599;&#65038;<\/span>\n          <\/a>\n          <a href=\"https:\/\/hkcablemachine.com\/cable-machinery-production-lines\/#finished-cables\">\n            <small>BUSINESS ENTRY 02<\/small>\n            <strong>Finished Fiber Optic Cables<\/strong>\n            <span class=\"hk-entry-description\">Review the current finished optical-cable path<\/span>\n            <span class=\"hk-entry-arrow\" aria-hidden=\"true\">&#8599;&#65038;<\/span>\n          <\/a>\n          <a href=\"https:\/\/hkcablemachine.com\/cable-machinery-production-lines\/#materials\">\n            <small>BUSINESS ENTRY 03<\/small>\n            <strong>Materials, Spare Parts &amp; Supporting Resources<\/strong>\n            <span class=\"hk-entry-description\">Coordinate matched materials and operating resources<\/span>\n            <span class=\"hk-entry-arrow\" aria-hidden=\"true\">&#8599;&#65038;<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const script = document.currentScript;\n  const root = script && script.previousElementSibling && script.previousElementSibling.matches(\"[data-hk-about-section-widget]\")\n    ? script.previousElementSibling\n    : null;\n  if (!root || root.dataset.hkInitialized === \"true\") return;\n  root.dataset.hkInitialized = \"true\";\n  root.classList.add(\"is-js\");\n\n  const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        currentObserver.unobserve(entry.target);\n      });\n    }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n    revealItems.forEach((item) => observer.observe(item));\n  } else {\n    revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n  }\n})();\n<\/script>\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-96f7b65 e-con-full hk-capabilities-section-v6 e-flex e-con e-parent\" data-id=\"96f7b65\" data-element_type=\"container\" data-e-type=\"container\" id=\"capabilities\">\n\t\t\t\t<div class=\"elementor-element elementor-element-988b486 elementor-widget elementor-widget-html\" data-id=\"988b486\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 02 \u00b7 OUR DEVELOPMENT\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n  Five real-image slots are written as direct <img> elements so Elementor's\n  editor and front end render them consistently.\n\n  IMPORTANT BEFORE LIVE PUBLISHING\n  - Verify the 2005 date against company records.\n  - The first image is representative manufacturing evidence, not a claim\n    that the photograph itself was taken in 2005. Replace it with a verified\n    early workshop \/ equipment \/ document photo when available.\n  - Confirm project-photo publication permission and captions.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 02 \u00b7 DEVELOPMENT *\/\n.hk-about-v52-sections .hk-development { background: var(--hk-soft); }\n.hk-about-v52-sections .hk-history-list {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  gap: 18px;\n  list-style: none;\n}\n.hk-about-v52-sections .hk-history-item {\n  display: grid;\n  min-width: 0;\n  grid-template-columns: 84px minmax(0, 1fr);\n  gap: 18px;\n}\n.hk-about-v52-sections .hk-history-rail {\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.hk-about-v52-sections .hk-history-rail::after {\n  position: absolute;\n  z-index: 0;\n  top: 46px;\n  bottom: -18px;\n  left: 50%;\n  width: 1px;\n  background: linear-gradient(var(--hk-blue), rgba(22,119,200,.08));\n  content: \"\";\n}\n.hk-about-v52-sections .hk-history-item:last-child .hk-history-rail::after { display: none; }\n.hk-about-v52-sections .hk-history-rail span {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  min-width: 54px;\n  height: 44px;\n  padding: 0 8px;\n  place-items: center;\n  border: 1px solid #bdd7e9;\n  border-radius: 10px;\n  background: var(--hk-white);\n  color: var(--hk-blue);\n  font: 700 9px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-history-card {\n  display: grid;\n  min-width: 0;\n  min-height: 320px;\n  grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);\n  overflow: hidden;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: var(--hk-white);\n  box-shadow: 0 18px 46px rgba(16,42,67,.055);\n}\n.hk-about-v52-sections .hk-history-media {\n  position: relative;\n  min-height: 320px;\n  margin: 0;\n  overflow: hidden;\n  background: #dce4ea;\n}\n.hk-about-v52-sections .hk-history-media::after {\n  position: absolute;\n  z-index: 1;\n  inset: 42% 0 0;\n  background: linear-gradient(180deg, transparent, rgba(7, 22, 38, .78));\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections .hk-history-media.is-placeholder {\n  display: grid;\n  padding: 30px;\n  place-items: center;\n  background:\n    linear-gradient(135deg, rgba(22,119,200,.08), rgba(255,255,255,.86)),\n    repeating-linear-gradient(135deg, transparent 0 16px, rgba(22,119,200,.06) 16px 17px);\n}\n.hk-about-v52-sections :is(.hk-history-media, .hk-director-photo, .hk-project-card figure) > img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.hk-about-v52-sections .hk-history-media > img {\n  transition: transform .45s ease;\n}\n.hk-about-v52-sections .hk-history-card:hover .hk-history-media > img {\n  transform: scale(1.025);\n}\n.hk-about-v52-sections .hk-history-media.is-foundation > img { object-position: 50% 48%; }\n.hk-about-v52-sections .hk-history-media.is-international > img { object-position: 50% 56%; }\n.hk-about-v52-sections .hk-history-media.is-complete-line > img { object-position: 50% 50%; }\n.hk-about-v52-sections .hk-history-media.is-integration > img { object-position: 50% 50%; }\n.hk-about-v52-sections .hk-history-media.is-current > img { object-position: 50% 64%; }\n.hk-about-v52-sections .hk-history-caption {\n  position: absolute;\n  z-index: 2;\n  right: 24px;\n  bottom: 22px;\n  left: 24px;\n  display: grid;\n  gap: 5px;\n  color: var(--hk-white);\n}\n.hk-about-v52-sections .hk-history-caption span {\n  color: #8bd0ff;\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-v52-sections .hk-history-caption strong {\n  font-size: 16px;\n  line-height: 1.35;\n}\n.hk-about-v52-sections .hk-history-caption small {\n  color: rgba(255, 255, 255, .76);\n  font-size: 11px;\n  line-height: 1.45;\n}\n.hk-about-v52-sections .hk-image-placeholder {\n  display: grid;\n  width: 100%;\n  max-width: 300px;\n  gap: 8px;\n  text-align: left;\n}\n.hk-about-v52-sections .hk-image-placeholder b {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-image-placeholder strong {\n  color: var(--hk-navy);\n  font-size: 19px;\n  line-height: 1.35;\n}\n.hk-about-v52-sections .hk-image-placeholder small {\n  color: var(--hk-muted);\n  font-size: 12px;\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n}\n.hk-about-v52-sections .hk-history-copy {\n  display: flex;\n  min-width: 0;\n  padding: 32px 34px;\n  flex-direction: column;\n  justify-content: center;\n}\n.hk-about-v52-sections .hk-history-copy > small {\n  color: var(--hk-blue);\n  font: 700 9px\/1.45 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-history-copy h3 {\n  margin: 18px 0 12px;\n  font-size: clamp(23px, 2.2vw, 31px);\n  line-height: 1.2;\n}\n.hk-about-v52-sections .hk-history-copy > p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 15px;\n  line-height: 1.72;\n}\n.hk-about-v52-sections .hk-history-proof {\n  margin-top: 22px;\n  padding: 14px 16px;\n  overflow: hidden;\n  border-left: 3px solid var(--hk-orange);\n  background: #f7f9fb;\n}\n.hk-about-v52-sections .hk-history-proof.is-current {\n  border-left-color: var(--hk-blue);\n  background: var(--hk-blue-soft);\n}\n.hk-about-v52-sections .hk-history-proof > span {\n  display: block;\n  margin-bottom: 7px;\n  color: #8b5e50;\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-history-proof.is-current > span { color: var(--hk-blue); }\n.hk-about-v52-sections .hk-history-proof > strong {\n  display: block;\n  color: #536176;\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n\/*\n  Scoped safeguards: each separated Elementor widget carries the shared About\n  CSS. These selectors prevent a later section widget from restoring the old\n  Section 02 card dimensions.\n*\/\n.hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-card {\n  min-height: 320px;\n  grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-media {\n  min-height: 320px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-proof {\n  padding: 14px 16px;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-card {\n    grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr);\n  }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-caption { right: 18px; bottom: 16px; left: 18px; }\n  .hk-about-v52-sections .hk-history-caption strong { font-size: 15px; }\n  .hk-about-v52-sections .hk-history-caption small { font-size: 10px; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-card {\n    min-height: 0;\n    grid-template-columns: 1fr;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-media {\n    min-height: 0;\n    aspect-ratio: 16 \/ 10;\n  }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"development\">\n  <section class=\"hk-section hk-development\" id=\"development\" aria-labelledby=\"development-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>02<\/span><b>OUR DEVELOPMENT<\/b><\/div>\n          <h2 id=\"development-title\">From cable-machinery experience to one international project team.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">HONGKAI Cable Machinery has developed from focused cable-equipment experience into complete production-line integration and international project coordination.<\/p>\n      <\/div>\n\n      <ol class=\"hk-history-list\">\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>2005<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-foundation\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/HONGKAI.png\" width=\"1600\" height=\"1200\" alt=\"HONGKAI cable production equipment assembly work\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>EQUIPMENT PROJECT RECORD<\/span><strong>Cable equipment assembly and project work<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>2005 \u00b7 CABLE MACHINERY FOUNDATION<\/small>\n              <h3>Cable Machinery Foundation<\/h3>\n              <p>HONGKAI Cable Machinery has supported cable-equipment projects since 2005. Today, the brand focuses on equipment selection, production-line integration, export coordination and after-sales communication for international cable manufacturers.<\/p>\n              <div class=\"hk-history-proof\"><span>CAPABILITY ESTABLISHED<\/span><strong>Equipment engineering, assembly and practical production support became the basis for later production-line work.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>INTL<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-international\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/Inovacao-\u2013-Bluecom.png\" width=\"1080\" height=\"1440\" alt=\"HONGKAI cable equipment project team at an overseas customer factory\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>OVERSEAS PROJECT RECORD<\/span><strong>Equipment support at a customer production site<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>INTERNATIONAL MARKET DEVELOPMENT<\/small>\n              <h3>Serving Overseas Cable Projects<\/h3>\n              <p>As its cable-equipment work developed, HONGKAI gradually began serving overseas cable manufacturers and participating in international equipment and production-line projects.<\/p>\n              <div class=\"hk-history-proof\"><span>PROJECT ROLE EXPANDED<\/span><strong>Equipment supply expanded to include technical communication, testing and delivery coordination.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>LINE<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-complete-line\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\" width=\"1600\" height=\"1200\" alt=\"HONGKAI technicians setting up and testing connected cable production equipment\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>CONNECTED-LINE RECORD<\/span><strong>Equipment setup, interfaces and pre-delivery testing<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>COMPLETE-LINE DEVELOPMENT<\/small>\n              <h3>From Individual Machines to Connected Production Processes<\/h3>\n              <p>Project experience moved from individual machines toward complete-line planning around cable structure, production process, target output and factory conditions.<\/p>\n              <div class=\"hk-history-proof\"><span>LINE CAPABILITY DEVELOPED<\/span><strong>Process interfaces, equipment relationships, controls and connected-line testing became part of project definition.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>SPEC<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-integration\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"Electrical control cabinet integration for cable production machinery\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>ENGINEERING INTERFACE RECORD<\/span><strong>Electrical controls and equipment-interface integration<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>SPECIALIST EQUIPMENT INTEGRATION<\/small>\n              <h3>Building the Right Equipment Scope<\/h3>\n              <p>For supporting systems outside the confirmed core-manufacturing scope, HONGKAI developed a qualified specialist-manufacturing network for drawing, stranding, armouring, testing and related equipment.<\/p>\n              <div class=\"hk-history-proof\"><span>SCOPE BECAME TRANSPARENT<\/span><strong>Core HONGKAI manufacturing and specialist equipment could be identified and coordinated within one defined proposal.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>NOW<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-current\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled.jpg\" width=\"1024\" height=\"576\" alt=\"Current HONGKAI cable machinery manufacturing and international project team\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>CURRENT TEAM RECORD<\/span><strong>Manufacturing and international project resources<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>CURRENT STAGE \u00b7 INTERNATIONAL PROJECT OPERATIONS<\/small>\n              <h3>One International Project Team<\/h3>\n              <p>Today, HONGKAI Cable Machinery combines core-equipment manufacturing, specialist-equipment integration, project coordination, delivery, installation support, spare parts and after-sales communication within one international project structure.<\/p>\n              <div class=\"hk-history-proof is-current\"><span>CURRENT OPERATING MODEL<\/span><strong>Core equipment manufacturing \u00b7 specialist equipment integration \u00b7 one coordinated international project team.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n      <\/ol>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const script = document.currentScript;\n  const root = script && script.previousElementSibling && script.previousElementSibling.matches(\"[data-hk-about-section-widget]\")\n    ? script.previousElementSibling\n    : null;\n  if (!root || root.dataset.hkInitialized === \"true\") return;\n  root.dataset.hkInitialized = \"true\";\n  root.classList.add(\"is-js\");\n\n  const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        currentObserver.unobserve(entry.target);\n      });\n    }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n    revealItems.forEach((item) => observer.observe(item));\n  } else {\n    revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-756f344 e-con-full hk-process-section-v6 e-flex e-con e-parent\" data-id=\"756f344\" data-element_type=\"container\" data-e-type=\"container\" id=\"process\">\n\t\t\t\t<div class=\"elementor-element elementor-element-979edb1 elementor-widget elementor-widget-html\" data-id=\"979edb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 03 \u00b7 HOW HONGKAI WORKS\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  display: block !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  flex: 0 0 auto !important;\n  align-self: stretch !important;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 03 \u00b7 PROCESS *\/\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process {\n  position: relative;\n  padding: clamp(88px, 7vw, 104px) 0;\n  overflow: hidden;\n  background: var(--hk-dark);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process::before {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(90deg, transparent 49.9%, rgba(139,208,255,.035) 50%, transparent 50.1%),\n    linear-gradient(rgba(139,208,255,.026) 1px, transparent 1px);\n  background-size: 100% 100%, 100% 70px;\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process .hk-shell { position: relative; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] :is(\n  .hk-process,\n  .hk-split-heading,\n  .hk-split-heading > div,\n  .hk-process-console,\n  .hk-process-flow,\n  .hk-process-principle\n) {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] :is(\n  h2,\n  h3,\n  p,\n  strong,\n  small,\n  b,\n  span\n) {\n  writing-mode: horizontal-tb !important;\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  hyphens: none !important;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading {\n  display: grid;\n  margin-bottom: 40px;\n  grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);\n  gap: clamp(44px, 7vw, 100px);\n  align-items: end;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading-light h2 { color: var(--hk-white); }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading-light .hk-heading-note { color: #aebbd0; }\n\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-console {\n  overflow: hidden;\n  border: 1px solid rgba(139,208,255,.27);\n  border-radius: 16px;\n  background: rgba(255,255,255,.025);\n  box-shadow: 0 24px 60px rgba(0,0,0,.14);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress {\n  padding: 14px 18px 13px;\n  border-bottom: 1px solid rgba(139,208,255,.18);\n  background: rgba(255,255,255,.035);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress > div {\n  display: flex;\n  margin-bottom: 9px;\n  align-items: center;\n  justify-content: space-between;\n  color: #82a2bc;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress > i {\n  display: block;\n  height: 3px;\n  overflow: hidden;\n  border-radius: 99px;\n  background: rgba(139,208,255,.18);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress > i span {\n  display: block;\n  width: 20%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, var(--hk-blue), var(--hk-blue-2) 78%, var(--hk-orange));\n  transition: width .28s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-flow {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  min-width: 0;\n  min-height: 112px;\n  padding: 18px 18px 20px;\n  gap: 8px;\n  align-content: start;\n  border: 0;\n  border-right: 1px solid rgba(139,208,255,.18);\n  background: transparent;\n  color: var(--hk-white);\n  text-align: left;\n  cursor: pointer;\n  transition: background-color .2s ease, color .2s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-5 { border-right: 0; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab::after {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 3px;\n  background: var(--hk-blue-2);\n  content: \"\";\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .25s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab:hover,\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab[aria-expanded=\"true\"] {\n  background: rgba(51,160,232,.09);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab[aria-expanded=\"true\"]::after { transform: scaleX(1); }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > span {\n  color: #84caff;\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > small {\n  color: #7192ad;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > strong {\n  color: var(--hk-white);\n  font-size: 14px;\n  line-height: 1.35;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-1 { grid-column: 1; grid-row: 1; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-2 { grid-column: 2; grid-row: 1; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-3 { grid-column: 3; grid-row: 1; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-4 { grid-column: 4; grid-row: 1; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-5 { grid-column: 5; grid-row: 1; }\n\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel {\n  display: none;\n  min-width: 0;\n  min-height: 190px;\n  grid-row: 2;\n  grid-column: 1 \/ -1;\n  grid-template-columns: minmax(220px, 1.08fr) repeat(3, minmax(0, 1fr));\n  border-top: 1px solid rgba(139,208,255,.18);\n  background: rgba(255,255,255,.035);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel.is-active { display: grid; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel > div {\n  display: grid;\n  min-width: 0;\n  padding: 25px 24px;\n  gap: 9px;\n  align-content: center;\n  border-right: 1px solid rgba(139,208,255,.16);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel > div:last-child { border-right: 0; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel small {\n  color: #84caff;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel h3 {\n  margin-bottom: 0;\n  color: var(--hk-white);\n  font-size: clamp(21px, 2vw, 27px);\n  line-height: 1.22;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel p {\n  margin-bottom: 0;\n  color: #aebbd0;\n  font-size: 14px;\n  line-height: 1.65;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel .is-output {\n  background: linear-gradient(135deg, rgba(22,119,200,.11), rgba(51,160,232,.035));\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle {\n  display: grid;\n  margin-top: 16px;\n  padding: 19px 22px;\n  grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);\n  gap: 24px;\n  align-items: center;\n  border: 1px solid rgba(139,208,255,.22);\n  border-radius: 13px;\n  background: rgba(255,255,255,.035);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle small {\n  display: block;\n  margin-bottom: 5px;\n  color: #84caff;\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle strong {\n  color: var(--hk-white);\n  font-size: 14px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle p {\n  margin-bottom: 0;\n  color: #aebbd0;\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n\/* SECTION 03 \u00b7 COMPACT TABLET \/ MOBILE CONSOLE\n   Switch before the five desktop columns become too narrow. *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process {\n    padding: 72px 0;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading {\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 26px;\n    align-items: start;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-flow {\n    grid-template-columns: 1fr;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-1,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-2,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-3,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-4,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-5 {\n    min-height: 78px;\n    padding: 15px 17px;\n    grid-column: 1;\n    grid-row: auto;\n    grid-template-columns: 34px 82px minmax(0, 1fr);\n    gap: 10px;\n    align-items: center;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.16);\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > strong {\n    font-size: 15px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel {\n    min-height: 0;\n    grid-column: 1;\n    grid-row: auto;\n    grid-template-columns: 1fr;\n    border-top: 0;\n    border-bottom: 1px solid rgba(139,208,255,.20);\n    background: rgba(51,160,232,.075);\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel > div {\n    padding: 18px 19px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.13);\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel > div:last-child {\n    border-bottom: 0;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel h3 {\n    font-size: 21px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel p {\n    font-size: 14px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle {\n    padding: 19px;\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress {\n    padding: 13px 14px 12px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress > div {\n    font-size: 8px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-1,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-2,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-3,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-4,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-5 {\n    grid-template-columns: 28px 70px minmax(0, 1fr);\n    padding: 14px;\n    gap: 8px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > small {\n    font-size: 8px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > strong {\n    font-size: 14px;\n  }\n}\n\n\/* ELEMENTOR MOBILE WIDTH GUARD\n   Prevent a desktop flex row from compressing this HTML widget to min-content. *\/\n@media (max-width: 767px) {\n  .elementor-widget-html:has(\n    .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"]\n  ),\n  .elementor-widget-html:has(\n    .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"]\n  ) > .elementor-widget-container,\n  .hk-how-work-widget-host,\n  .hk-how-work-widget-host > .elementor-widget-container {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    flex: 0 0 100% !important;\n    align-self: stretch !important;\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n\n  .e-con:has(\n    > .elementor-widget-html .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"]\n  ),\n  .e-con-inner:has(\n    > .elementor-widget-html .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"]\n  ),\n  .hk-how-work-widget-parent {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    flex-direction: column !important;\n    flex-wrap: nowrap !important;\n    align-items: stretch !important;\n  }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    flex-basis: 100% !important;\n  }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading h2 {\n    width: 100% !important;\n    max-width: none !important;\n    white-space: normal !important;\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n  }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading {\n    gap: 22px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"how-we-work\">\n  <section class=\"hk-process\" id=\"how-we-work\" aria-labelledby=\"work-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-split-heading hk-split-heading-light hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>03<\/span><b>HOW HONGKAI WORKS<\/b><\/div>\n          <h2 id=\"work-title\">From cable requirement to stable production\u2014in five visible steps.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">Each stage defines the key decision, responsible party and expected output before the project moves forward.<\/p>\n      <\/div>\n\n      <div class=\"hk-process-console hk-reveal\">\n        <div class=\"hk-work-progress\" aria-label=\"Selected project stage\">\n          <div><span>ONE CONNECTED PROJECT ROUTE<\/span><b data-work-count>01 \/ 05<\/b><\/div>\n          <i aria-hidden=\"true\"><span data-work-bar><\/span><\/i>\n        <\/div>\n\n        <div class=\"hk-process-flow\" aria-label=\"HONGKAI five-step delivery process\">\n          <button class=\"hk-process-tab hk-step-1\" id=\"hk-work-tab-1\" type=\"button\" aria-expanded=\"true\" aria-controls=\"hk-work-panel-1\" data-work-tab>\n            <span>01<\/span><small>DEFINE<\/small><strong>Understand the Cable Product<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-1 is-active\" id=\"hk-work-panel-1\" role=\"region\" aria-labelledby=\"hk-work-tab-1\" data-work-panel>\n            <div><small>STEP 01 \u00b7 DEFINE<\/small><h3>Understand the Cable Product<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Cable structure, materials, standard, target output and factory conditions.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>Customer team and HONGKAI international project contact.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Confirmed project brief.<\/p><\/div>\n          <\/article>\n\n          <button class=\"hk-process-tab hk-step-2\" id=\"hk-work-tab-2\" type=\"button\" aria-expanded=\"false\" aria-controls=\"hk-work-panel-2\" tabindex=\"-1\" data-work-tab>\n            <span>02<\/span><small>ENGINEER<\/small><strong>Plan the Production Process<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-2\" id=\"hk-work-panel-2\" role=\"region\" aria-labelledby=\"hk-work-tab-2\" data-work-panel hidden>\n            <div><small>STEP 02 \u00b7 ENGINEER<\/small><h3>Plan the Production Process<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Process route, capacity balance, technical interfaces, utilities and layout.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>HONGKAI engineering and configuration resources.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Process and interface map.<\/p><\/div>\n          <\/article>\n\n          <button class=\"hk-process-tab hk-step-3\" id=\"hk-work-tab-3\" type=\"button\" aria-expanded=\"false\" aria-controls=\"hk-work-panel-3\" tabindex=\"-1\" data-work-tab>\n            <span>03<\/span><small>CONFIGURE<\/small><strong>Configure &amp; Source Equipment<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-3\" id=\"hk-work-panel-3\" role=\"region\" aria-labelledby=\"hk-work-tab-3\" data-work-panel hidden>\n            <div><small>STEP 03 \u00b7 CONFIGURE<\/small><h3>Configure &amp; Source Equipment<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Line scope, automation, equipment source, spare parts and installation plan.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>Confirmed HONGKAI manufacturing scope plus clearly identified specialist sources.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Proposal with a visible maker and responsibility map.<\/p><\/div>\n          <\/article>\n\n          <button class=\"hk-process-tab hk-step-4\" id=\"hk-work-tab-4\" type=\"button\" aria-expanded=\"false\" aria-controls=\"hk-work-panel-4\" tabindex=\"-1\" data-work-tab>\n            <span>04<\/span><small>VERIFY<\/small><strong>Manufacture, Test &amp; Deliver<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-4\" id=\"hk-work-panel-4\" role=\"region\" aria-labelledby=\"hk-work-tab-4\" data-work-panel hidden>\n            <div><small>STEP 04 \u00b7 VERIFY<\/small><h3>Manufacture, Test &amp; Deliver<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Acceptance points, inspection evidence, documentation and export preparation.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>Manufacturing, testing and international project-coordination teams.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Agreed inspection and delivery package.<\/p><\/div>\n          <\/article>\n\n          <button class=\"hk-process-tab hk-step-5\" id=\"hk-work-tab-5\" type=\"button\" aria-expanded=\"false\" aria-controls=\"hk-work-panel-5\" tabindex=\"-1\" data-work-tab>\n            <span>05<\/span><small>SUPPORT<\/small><strong>Installation, Training &amp; Support<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-5\" id=\"hk-work-panel-5\" role=\"region\" aria-labelledby=\"hk-work-tab-5\" data-work-panel hidden>\n            <div><small>STEP 05 \u00b7 SUPPORT<\/small><h3>Installation, Training &amp; Support<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Installation scope, commissioning, operator training and service workflow.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>International project contact and the agreed technical resources.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Defined production-support path.<\/p><\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n\n      <div class=\"hk-process-principle hk-reveal\">\n        <div><small>PROJECT CONTROL PRINCIPLE<\/small><strong>Product decisions come before machine decisions.<\/strong><\/div>\n        <p>Equipment selection begins only after the cable structure, production route, target output and key technical interfaces have been confirmed.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const selector = '[data-hk-about-section-widget=\"how-we-work\"]';\n\n  const initialize = (root) => {\n    if (!root || root.dataset.hkInitialized === \"true\") return;\n    root.dataset.hkInitialized = \"true\";\n\n    \/* Add stable hooks to Elementor's generated wrappers. *\/\n    const widgetHost = root.closest(\".elementor-widget-html\");\n    if (widgetHost) {\n      widgetHost.classList.add(\"hk-how-work-widget-host\");\n      const widgetParent = widgetHost.parentElement;\n      if (widgetParent) widgetParent.classList.add(\"hk-how-work-widget-parent\");\n    }\n\n    root.classList.add(\"is-js\");\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    const revealAll = () => revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n\n    if (\n      window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ||\n      document.body.classList.contains(\"elementor-editor-active\") ||\n      !(\"IntersectionObserver\" in window)\n    ) {\n      revealAll();\n    } else {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n      revealItems.forEach((item) => observer.observe(item));\n      window.setTimeout(revealAll, 1400);\n    }\n\n    const workTabs = [...root.querySelectorAll(\"[data-work-tab]\")];\n    const workPanels = [...root.querySelectorAll(\"[data-work-panel]\")];\n    const workCount = root.querySelector(\"[data-work-count]\");\n    const workBar = root.querySelector(\"[data-work-bar]\");\n\n    const selectWorkStep = (index, moveFocus = false) => {\n      if (index < 0 || index >= workTabs.length) return;\n\n      workTabs.forEach((tab, tabIndex) => {\n        const isActive = tabIndex === index;\n        tab.classList.toggle(\"is-active\", isActive);\n        tab.setAttribute(\"aria-expanded\", String(isActive));\n        tab.tabIndex = isActive ? 0 : -1;\n      });\n\n      workPanels.forEach((panel, panelIndex) => {\n        const isActive = panelIndex === index;\n        panel.classList.toggle(\"is-active\", isActive);\n        panel.hidden = !isActive;\n      });\n\n      if (workCount) {\n        workCount.textContent = `${String(index + 1).padStart(2, \"0\")} \/ ${String(workTabs.length).padStart(2, \"0\")}`;\n      }\n      if (workBar) workBar.style.width = `${((index + 1) \/ workTabs.length) * 100}%`;\n      if (moveFocus) workTabs[index].focus({ preventScroll: true });\n    };\n\n    workTabs.forEach((tab, index) => {\n      tab.addEventListener(\"click\", () => selectWorkStep(index));\n      tab.addEventListener(\"keydown\", (event) => {\n        let nextIndex = index;\n        if ([\"ArrowRight\", \"ArrowDown\"].includes(event.key)) nextIndex = (index + 1) % workTabs.length;\n        else if ([\"ArrowLeft\", \"ArrowUp\"].includes(event.key)) nextIndex = (index - 1 + workTabs.length) % workTabs.length;\n        else if (event.key === \"Home\") nextIndex = 0;\n        else if (event.key === \"End\") nextIndex = workTabs.length - 1;\n        else return;\n        event.preventDefault();\n        selectWorkStep(nextIndex, true);\n      });\n    });\n\n    selectWorkStep(Math.max(0, workTabs.findIndex((tab) => tab.getAttribute(\"aria-expanded\") === \"true\")));\n  };\n\n  const scan = () => document.querySelectorAll(selector).forEach(initialize);\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", scan, { once: true });\n  } else {\n    scan();\n  }\n  window.addEventListener(\"elementor\/frontend\/init\", scan);\n  window.setTimeout(scan, 300);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27e5455 e-con-full e-flex e-con e-parent\" data-id=\"27e5455\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3218b3a hk-director-section-v6 elementor-widget elementor-widget-html\" data-id=\"3218b3a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"director\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 04 \u00b7 WHAT MAKES HONGKAI DIFFERENT\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 04 \u00b7 EVIDENCE-LED STRENGTHS *\/\n.hk-about-v52-sections .hk-strengths { background: var(--hk-white); }\n.hk-about-v52-sections .hk-strength-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n}\n.hk-about-v52-sections .hk-strength-card {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: var(--hk-white);\n  box-shadow: 0 12px 34px rgba(16,42,67,.05);\n}\n.hk-about-v52-sections .hk-strength-card[open] {\n  border-color: #acd1e9;\n  box-shadow: 0 20px 42px rgba(16,42,67,.08);\n}\n.hk-about-v52-sections .hk-strength-card summary {\n  position: relative;\n  display: grid;\n  min-height: 252px;\n  padding: 29px 68px 26px 29px;\n  align-content: start;\n  cursor: pointer;\n  list-style: none;\n}\n.hk-about-v52-sections .hk-strength-card summary::-webkit-details-marker { display: none; }\n.hk-about-v52-sections .hk-strength-card summary > span:first-child {\n  color: var(--hk-blue);\n  font: 700 11px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-strength-card summary > small {\n  margin-top: 44px;\n  color: #7c8ca0;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-strength-title {\n  margin-top: 11px;\n  color: var(--hk-navy);\n  font-size: clamp(22px, 2vw, 28px);\n  line-height: 1.28;\n}\n.hk-about-v52-sections .hk-strength-summary {\n  margin-top: 12px;\n  color: var(--hk-muted);\n  font-size: 14px;\n  line-height: 1.7;\n}\n.hk-about-v52-sections .hk-strength-card summary > b {\n  position: absolute;\n  top: 25px;\n  right: 25px;\n  display: grid;\n  width: 36px;\n  height: 36px;\n  place-items: center;\n  border: 1px solid #c9ddec;\n  border-radius: 50%;\n  color: var(--hk-blue);\n  font: 500 20px\/1 var(--hk-font);\n  transition: transform .2s ease, background-color .2s ease;\n}\n.hk-about-v52-sections .hk-strength-card[open] summary > b {\n  background: var(--hk-blue-soft);\n  transform: rotate(45deg);\n}\n.hk-about-v52-sections .hk-strength-detail {\n  padding: 0 29px 28px;\n  border-top: 1px solid var(--hk-line);\n}\n.hk-about-v52-sections .hk-strength-detail dl { margin-bottom: 0; }\n.hk-about-v52-sections .hk-strength-detail dl > div {\n  display: grid;\n  padding: 14px 0;\n  grid-template-columns: 128px 1fr;\n  gap: 16px;\n  border-bottom: 1px solid var(--hk-line);\n}\n.hk-about-v52-sections .hk-strength-detail dt {\n  color: #7b8a9e;\n  font: 700 9px\/1.45 var(--hk-mono);\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n.hk-about-v52-sections .hk-strength-detail dd {\n  margin-bottom: 0;\n  color: var(--hk-body);\n  font-size: 13px;\n  line-height: 1.6;\n}\n.hk-about-v52-sections .hk-strength-detail > a {\n  display: flex;\n  min-height: 48px;\n  margin-top: 16px;\n  align-items: center;\n  justify-content: space-between;\n  color: var(--hk-navy);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"strengths\">\n  <section class=\"hk-section hk-strengths\" id=\"strengths\" aria-labelledby=\"strengths-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>04<\/span><b>WHAT MAKES HONGKAI DIFFERENT<\/b><\/div>\n          <h2 id=\"strengths-title\">Strengths a buyer can verify\u2014not unsupported claims.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">Open each card to see what should be visible in the project record and why it matters to an equipment buyer.<\/p>\n      <\/div>\n\n      <div class=\"hk-strength-grid\">\n        <details class=\"hk-strength-card hk-reveal\" open>\n          <summary><span>01<\/span><small>PROJECT-INTEGRATION BACKED<\/small><strong class=\"hk-strength-title\" role=\"heading\" aria-level=\"3\">Real engineering and equipment records<\/strong><span class=\"hk-strength-summary\">Core equipment decisions are connected to visible assembly, control integration and testing records.<\/span><b aria-hidden=\"true\">+<\/b><\/summary>\n          <div class=\"hk-strength-detail\"><dl><div><dt>Evidence to review<\/dt><dd>Assembly photos, electrical records, FAT points and machine identity.<\/dd><\/div><div><dt>Buyer value<\/dt><dd>More confidence in what was built, checked and prepared for delivery.<\/dd><\/div><\/dl><a href=\"#manufacturing\">Review manufacturing evidence <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a><\/div>\n        <\/details>\n        <details class=\"hk-strength-card hk-reveal\">\n          <summary><span>02<\/span><small>SOURCE TRANSPARENCY<\/small><strong class=\"hk-strength-title\" role=\"heading\" aria-level=\"3\">Equipment source stays visible<\/strong><span class=\"hk-strength-summary\">Core equipment, specialist machinery and supporting resources are identified by project scope.<\/span><b aria-hidden=\"true\">+<\/b><\/summary>\n          <div class=\"hk-strength-detail\"><dl><div><dt>Evidence to review<\/dt><dd>Equipment-source matrix, technical scope and proposal responsibility notes.<\/dd><\/div><div><dt>Buyer value<\/dt><dd>Clearer maker, interface and acceptance responsibility before order confirmation.<\/dd><\/div><\/dl><a href=\"#contact\">Request a project-scope review <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a><\/div>\n        <\/details>\n        <details class=\"hk-strength-card hk-reveal\">\n          <summary><span>03<\/span><small>PRODUCT-FIRST ENGINEERING<\/small><strong class=\"hk-strength-title\" role=\"heading\" aria-level=\"3\">The cable product comes first<\/strong><span class=\"hk-strength-summary\">The process route and equipment scope begin with the target cable, output and factory conditions.<\/span><b aria-hidden=\"true\">+<\/b><\/summary>\n          <div class=\"hk-strength-detail\"><dl><div><dt>Evidence to review<\/dt><dd>Confirmed project brief, process map, interface list and capacity assumptions.<\/dd><\/div><div><dt>Buyer value<\/dt><dd>Equipment is compared around the production requirement\u2014not a generic catalogue.<\/dd><\/div><\/dl><a href=\"#how-we-work\">Review the five-step process <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a><\/div>\n        <\/details>\n        <details class=\"hk-strength-card hk-reveal\">\n          <summary><span>04<\/span><small>ONE COORDINATED CONTACT<\/small><strong class=\"hk-strength-title\" role=\"heading\" aria-level=\"3\">Responsibility has a visible route<\/strong><span class=\"hk-strength-summary\">One international project contact follows the connected project and coordinates the responsible technical party.<\/span><b aria-hidden=\"true\">+<\/b><\/summary>\n          <div class=\"hk-strength-detail\"><dl><div><dt>Evidence to review<\/dt><dd>Project schedule, communication path, inspection actions and service workflow.<\/dd><\/div><div><dt>Buyer value<\/dt><dd>Fewer gaps when a decision or issue crosses multiple equipment packages.<\/dd><\/div><\/dl><a href=\"#team\">Meet the project team <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a><\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const script = document.currentScript;\n  const root = script && script.previousElementSibling && script.previousElementSibling.matches(\"[data-hk-about-section-widget]\")\n    ? script.previousElementSibling\n    : null;\n  if (!root || root.dataset.hkInitialized === \"true\") return;\n  root.dataset.hkInitialized = \"true\";\n  root.classList.add(\"is-js\");\n\n  root.querySelectorAll(\"[data-replace-image]\").forEach((slot) => {\n    const source = (slot.dataset.replaceImage || \"\").trim();\n    if (!\/^(https?:\\\/\\\/|\\\/\\\/)\/i.test(source)) return;\n    const image = document.createElement(\"img\");\n    image.src = source;\n    image.alt = (slot.querySelector(\"strong\")?.textContent || \"HONGKAI project record\").trim();\n    image.loading = \"lazy\";\n    image.decoding = \"async\";\n    const parent = slot.parentElement;\n    slot.replaceWith(image);\n    if (parent) parent.classList.remove(\"is-placeholder\");\n  });\n\n  const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        currentObserver.unobserve(entry.target);\n      });\n    }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n    revealItems.forEach((item) => observer.observe(item));\n  } else {\n    revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd87d65 e-con-full hk-evidence-section-v6 e-flex e-con e-parent\" data-id=\"dd87d65\" data-element_type=\"container\" data-e-type=\"container\" id=\"evidence\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ad9833 elementor-widget elementor-widget-html\" data-id=\"9ad9833\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 05 \u00b7 ENGINEERING & MANUFACTURING\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 05 \u00b7 MANUFACTURING EVIDENCE *\/\n.hk-about-v52-sections .hk-manufacturing { background: var(--hk-soft); }\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-switcher {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-visually-hidden,\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-choice {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n.hk-about-v52-sections .hk-evidence-viewer {\n  display: grid;\n  min-width: 0;\n  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);\n  gap: 16px;\n  align-items: start;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-panels {\n  min-width: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-panel {\n  display: none;\n}\n#hk-v52-evidence-choice-1:checked ~ .hk-evidence-viewer .hk-evidence-panel-1,\n#hk-v52-evidence-choice-2:checked ~ .hk-evidence-viewer .hk-evidence-panel-2,\n#hk-v52-evidence-choice-3:checked ~ .hk-evidence-viewer .hk-evidence-panel-3,\n#hk-v52-evidence-choice-4:checked ~ .hk-evidence-viewer .hk-evidence-panel-4 {\n  display: block;\n}\n.hk-about-v52-sections .hk-evidence-main-panel {\n  position: relative;\n  aspect-ratio: 4 \/ 3;\n  min-width: 0;\n  margin: 0;\n  overflow: hidden;\n  border: 1px solid rgba(16,42,67,.1);\n  border-radius: 16px;\n  background: #dce4ea;\n}\n.hk-about-v52-sections .hk-evidence-main-panel::after {\n  position: absolute;\n  inset: 30% 0 0;\n  background: linear-gradient(180deg, transparent, rgba(7,22,40,.91));\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections .hk-evidence-main-panel > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.hk-about-v52-sections .hk-evidence-main-panel > a {\n  position: absolute;\n  z-index: 3;\n  top: 18px;\n  right: 18px;\n  display: flex;\n  min-height: 44px;\n  padding: 0 15px;\n  align-items: center;\n  gap: 9px;\n  border: 1px solid rgba(255,255,255,.72);\n  border-radius: 99px;\n  background: rgba(255,255,255,.88);\n  color: var(--hk-navy);\n  font-size: 11px;\n  font-weight: 800;\n  -webkit-backdrop-filter: blur(12px);\n  backdrop-filter: blur(12px);\n}\n.hk-about-v52-sections .hk-evidence-main-panel figcaption {\n  position: absolute;\n  z-index: 2;\n  right: 28px;\n  bottom: 25px;\n  left: 28px;\n  display: grid;\n  gap: 6px;\n  color: var(--hk-white);\n}\n.hk-about-v52-sections .hk-evidence-main-panel figcaption span {\n  color: #8bd0ff;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-evidence-main-panel figcaption strong {\n  font-size: clamp(20px, 2vw, 28px);\n  line-height: 1.3;\n}\n.hk-about-v52-sections .hk-evidence-main-panel figcaption small {\n  color: rgba(255,255,255,.72);\n  font-size: 12px;\n}\n.hk-about-v52-sections .hk-evidence-tabs {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab {\n  position: relative;\n  display: grid;\n  width: 100%;\n  min-width: 0;\n  min-height: 112px;\n  padding: 10px;\n  grid-template-columns: 96px minmax(0, 1fr);\n  gap: 14px;\n  align-items: center;\n  border: 1px solid var(--hk-line);\n  border-radius: 13px;\n  background: var(--hk-white);\n  color: var(--hk-navy);\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab:hover {\n  border-color: #a8cde7;\n  transform: translateY(-1px);\n}\n#hk-v52-evidence-choice-1:checked ~ .hk-evidence-viewer .hk-evidence-tab-1,\n#hk-v52-evidence-choice-2:checked ~ .hk-evidence-viewer .hk-evidence-tab-2,\n#hk-v52-evidence-choice-3:checked ~ .hk-evidence-viewer .hk-evidence-tab-3,\n#hk-v52-evidence-choice-4:checked ~ .hk-evidence-viewer .hk-evidence-tab-4 {\n  border-color: #8fc5e8;\n  background: var(--hk-blue-soft);\n  box-shadow: 0 13px 27px rgba(16,42,67,.07);\n  transform: none;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-choice:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab {\n  outline: none;\n}\n#hk-v52-evidence-choice-1:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab-1,\n#hk-v52-evidence-choice-2:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab-2,\n#hk-v52-evidence-choice-3:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab-3,\n#hk-v52-evidence-choice-4:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab-4 {\n  outline: 3px solid rgba(67,131,240,.42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab img {\n  width: 96px;\n  aspect-ratio: 4 \/ 3;\n  object-fit: cover;\n  border-radius: 9px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab > span {\n  display: grid;\n  min-width: 0;\n  gap: 6px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab small {\n  color: var(--hk-blue);\n  font: 700 8px\/1.3 var(--hk-mono);\n  letter-spacing: .11em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab strong {\n  font-size: 14px;\n  line-height: 1.35;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab em {\n  color: #8997aa;\n  font-size: 10px;\n  font-style: normal;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-status-selected { display: none; }\n#hk-v52-evidence-choice-1:checked ~ .hk-evidence-viewer .hk-evidence-tab-1 .hk-evidence-status-selected,\n#hk-v52-evidence-choice-2:checked ~ .hk-evidence-viewer .hk-evidence-tab-2 .hk-evidence-status-selected,\n#hk-v52-evidence-choice-3:checked ~ .hk-evidence-viewer .hk-evidence-tab-3 .hk-evidence-status-selected,\n#hk-v52-evidence-choice-4:checked ~ .hk-evidence-viewer .hk-evidence-tab-4 .hk-evidence-status-selected { display: inline; }\n#hk-v52-evidence-choice-1:checked ~ .hk-evidence-viewer .hk-evidence-tab-1 .hk-evidence-status-choose,\n#hk-v52-evidence-choice-2:checked ~ .hk-evidence-viewer .hk-evidence-tab-2 .hk-evidence-status-choose,\n#hk-v52-evidence-choice-3:checked ~ .hk-evidence-viewer .hk-evidence-tab-3 .hk-evidence-status-choose,\n#hk-v52-evidence-choice-4:checked ~ .hk-evidence-viewer .hk-evidence-tab-4 .hk-evidence-status-choose { display: none; }\n.hk-about-v52-sections .hk-evidence-strip {\n  display: grid;\n  margin-top: 16px;\n  padding: 23px 25px;\n  grid-template-columns: 190px 1fr auto;\n  gap: 22px;\n  align-items: center;\n  border: 1px solid var(--hk-line);\n  border-radius: 14px;\n  background: var(--hk-white);\n}\n.hk-about-v52-sections .hk-evidence-strip > span {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-v52-sections .hk-evidence-strip p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 14px;\n}\n.hk-about-v52-sections .hk-evidence-strip a {\n  color: var(--hk-navy);\n  font-size: 14px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab img { width: 100%; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab small { font-size: 7px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"manufacturing\">\n  <section class=\"hk-section hk-manufacturing\" id=\"manufacturing\" aria-labelledby=\"manufacturing-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>05<\/span><b>ENGINEERING &amp; PROJECT INTEGRATION BY HONGKAI<\/b><\/div>\n          <h2 id=\"manufacturing-title\">Engineering, assembly and testing\u2014shown through real records.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">Review the visible work behind equipment assembly, control integration, testing and export preparation.<\/p>\n      <\/div>\n\n      <fieldset class=\"hk-evidence-switcher hk-reveal\">\n        <legend class=\"hk-visually-hidden\">Choose an equipment project evidence record<\/legend>\n\n        <input class=\"hk-evidence-choice\" type=\"radio\" name=\"hk-v52-evidence-choice\" id=\"hk-v52-evidence-choice-1\" checked>\n        <input class=\"hk-evidence-choice\" type=\"radio\" name=\"hk-v52-evidence-choice\" id=\"hk-v52-evidence-choice-2\">\n        <input class=\"hk-evidence-choice\" type=\"radio\" name=\"hk-v52-evidence-choice\" id=\"hk-v52-evidence-choice-3\">\n        <input class=\"hk-evidence-choice\" type=\"radio\" name=\"hk-v52-evidence-choice\" id=\"hk-v52-evidence-choice-4\">\n\n        <div class=\"hk-evidence-viewer\">\n          <div class=\"hk-evidence-panels\">\n            <figure class=\"hk-evidence-main-panel hk-evidence-panel hk-evidence-panel-1\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\" width=\"1600\" height=\"1200\" alt=\"HONGKAI technicians setting up and testing cable production equipment\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <a href=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\" target=\"_blank\" rel=\"noopener\">Open original <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n              <figcaption><span>01 \/ FACTORY TESTING<\/span><strong>Equipment setup and pre-delivery functional checks.<\/strong><small>Visible record: technicians working on production equipment.<\/small><\/figcaption>\n            <\/figure>\n\n            <figure class=\"hk-evidence-main-panel hk-evidence-panel hk-evidence-panel-2\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"Electrical control cabinet integration for cable production machinery\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <a href=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" target=\"_blank\" rel=\"noopener\">Open original <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n              <figcaption><span>02 \/ ELECTRICAL INTEGRATION<\/span><strong>Control cabinet, drives and machine-level wiring.<\/strong><small>Visible record: electrical equipment and control integration work.<\/small><\/figcaption>\n            <\/figure>\n\n            <figure class=\"hk-evidence-main-panel hk-evidence-panel hk-evidence-panel-3\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-2.png\" width=\"1600\" height=\"1200\" alt=\"HONGKAI cable production equipment mechanical assembly record\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <a href=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-2.png\" target=\"_blank\" rel=\"noopener\">Open original <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n              <figcaption><span>03 \/ MECHANICAL ASSEMBLY<\/span><strong>Mechanical assembly and equipment integration.<\/strong><small>Visible record: equipment assembly and configuration work.<\/small><\/figcaption>\n            <\/figure>\n\n            <figure class=\"hk-evidence-main-panel hk-evidence-panel hk-evidence-panel-4\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/12\/Loading-Container-HONGKAI-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"Cable machinery protected and prepared for export delivery\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <a href=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/12\/Loading-Container-HONGKAI-scaled-scaled.jpg\" target=\"_blank\" rel=\"noopener\">Open original <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n              <figcaption><span>04 \/ EXPORT PREPARATION<\/span><strong>Protected equipment packages prepared for shipment.<\/strong><small>Visible record: machinery packing and export-delivery preparation.<\/small><\/figcaption>\n            <\/figure>\n          <\/div>\n\n          <div class=\"hk-evidence-tabs\" aria-label=\"Equipment project evidence records\">\n            <label class=\"hk-evidence-tab hk-evidence-tab-1\" for=\"hk-v52-evidence-choice-1\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\" width=\"1600\" height=\"1200\" alt=\"\" loading=\"lazy\" title=\"\">\n              <span><small>01 \/ TESTING<\/small><strong>Factory Testing<\/strong><em aria-hidden=\"true\"><span class=\"hk-evidence-status-selected\">Selected record<\/span><span class=\"hk-evidence-status-choose\">Choose record<\/span><\/em><\/span>\n            <\/label>\n            <label class=\"hk-evidence-tab hk-evidence-tab-2\" for=\"hk-v52-evidence-choice-2\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"\" loading=\"lazy\" title=\"\">\n              <span><small>02 \/ CONTROL<\/small><strong>Electrical Integration<\/strong><em aria-hidden=\"true\"><span class=\"hk-evidence-status-selected\">Selected record<\/span><span class=\"hk-evidence-status-choose\">Choose record<\/span><\/em><\/span>\n            <\/label>\n            <label class=\"hk-evidence-tab hk-evidence-tab-3\" for=\"hk-v52-evidence-choice-3\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-2.png\" width=\"1600\" height=\"1200\" alt=\"\" loading=\"lazy\" title=\"\">\n              <span><small>03 \/ ASSEMBLY<\/small><strong>Mechanical Assembly<\/strong><em aria-hidden=\"true\"><span class=\"hk-evidence-status-selected\">Selected record<\/span><span class=\"hk-evidence-status-choose\">Choose record<\/span><\/em><\/span>\n            <\/label>\n            <label class=\"hk-evidence-tab hk-evidence-tab-4\" for=\"hk-v52-evidence-choice-4\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/12\/Loading-Container-HONGKAI-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"\" loading=\"lazy\" title=\"\">\n              <span><small>04 \/ DELIVERY<\/small><strong>Export Preparation<\/strong><em aria-hidden=\"true\"><span class=\"hk-evidence-status-selected\">Selected record<\/span><span class=\"hk-evidence-status-choose\">Choose record<\/span><\/em><\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n      <\/fieldset>\n\n      <div class=\"hk-evidence-strip hk-reveal\"><span>WHAT BUYERS SHOULD VERIFY<\/span><p>Review the visible work stage, equipment identity, acceptance points and delivery responsibility\u2014not only a finished machine photo.<\/p><a href=\"#contact\">Review equipment scope <b aria-hidden=\"true\">&#8599;&#65038;<\/b><\/a><\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  document.querySelectorAll(\n    '[data-hk-about-section-widget=\"manufacturing\"]:not([data-hk-manufacturing-ready])'\n  ).forEach((root) => {\n    root.dataset.hkManufacturingReady = \"true\";\n    root.classList.add(\"is-js\");\n\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    if (\"IntersectionObserver\" in window) {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n      revealItems.forEach((item) => observer.observe(item));\n    } else {\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    }\n  });\n\n  \/* Core evidence selection is native radio + CSS and does not depend on JS. *\/\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49a8398 e-con-full e-flex e-con e-parent\" data-id=\"49a8398\" data-element_type=\"container\" data-e-type=\"container\" id=\"scope\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0415e4 elementor-widget elementor-widget-html\" data-id=\"d0415e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 06 \u00b7 PETER & INTERNATIONAL PROJECT TEAM\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n  Peter He image is inserted directly in the HTML below.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 06 \u00b7 TEAM *\/\n.hk-about-v52-sections .hk-team { background: var(--hk-white); }\n.hk-about-v52-sections .hk-team-layout {\n  display: grid;\n  grid-template-columns: minmax(330px, .68fr) minmax(0, 1.32fr);\n  gap: clamp(48px, 7vw, 92px);\n  align-items: start;\n}\n.hk-about-v52-sections .hk-director-photo {\n  position: sticky;\n  top: 152px;\n  min-height: 570px;\n  margin: 0;\n  overflow: hidden;\n  border-radius: 18px;\n  background: linear-gradient(145deg, #e8edf3, #c8d2df);\n}\n.hk-about-v52-sections .hk-director-photo .hk-image-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: calc(100% - 52px);\n  transform: translate(-50%, -50%);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-director-photo > img {\n  width: 100%;\n  height: 100%;\n  min-height: 570px;\n  object-fit: cover;\n  object-position: center top;\n}\n.hk-about-v52-sections .hk-director-photo::after {\n  position: absolute;\n  inset: 60% 0 0;\n  background: linear-gradient(180deg, transparent, rgba(5,15,29,.78));\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections .hk-director-photo > figcaption {\n  position: absolute;\n  z-index: 2;\n  right: 28px;\n  bottom: 24px;\n  left: 28px;\n  display: grid;\n  color: var(--hk-white);\n}\n.hk-about-v52-sections .hk-director-photo > figcaption strong { font-size: 21px; }\n.hk-about-v52-sections .hk-director-photo > figcaption span {\n  color: rgba(255,255,255,.75);\n  font-size: 13px;\n}\n.hk-about-v52-sections .hk-team-copy h2 { max-width: 760px; }\n.hk-about-v52-sections .hk-director-role {\n  margin: 24px 0 28px;\n  color: var(--hk-blue);\n  font-weight: 800;\n}\n.hk-about-v52-sections .hk-team-intro {\n  max-width: 820px;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.82;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-path {\n  min-width: 0;\n  margin: 34px 0 0;\n  padding: 0;\n  border: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-visually-hidden,\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-choice {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress {\n  padding: 14px 17px 13px;\n  border: 1px solid var(--hk-line);\n  border-radius: 13px;\n  background: var(--hk-white);\n  box-shadow: 0 12px 30px rgba(16,42,67,.045);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress > div {\n  display: flex;\n  margin-bottom: 9px;\n  align-items: center;\n  justify-content: space-between;\n  color: #6f8198;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress-count span { display: none; }\n#hk-v52-team-choice-1:checked ~ .hk-team-progress .hk-team-count-1,\n#hk-v52-team-choice-2:checked ~ .hk-team-progress .hk-team-count-2,\n#hk-v52-team-choice-3:checked ~ .hk-team-progress .hk-team-count-3 { display: inline; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress > i {\n  display: block;\n  height: 3px;\n  overflow: hidden;\n  border-radius: 99px;\n  background: #dce6ee;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress > i span {\n  display: block;\n  width: 33.333%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, var(--hk-blue), var(--hk-blue-2) 78%, var(--hk-orange));\n  transition: width .25s ease;\n}\n#hk-v52-team-choice-1:checked ~ .hk-team-progress > i span { width: 33.333%; }\n#hk-v52-team-choice-2:checked ~ .hk-team-progress > i span { width: 66.666%; }\n#hk-v52-team-choice-3:checked ~ .hk-team-progress > i span { width: 100%; }\n.hk-about-v52-sections .hk-team-role-grid {\n  display: grid;\n  margin-top: 12px;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-role-card {\n  position: relative;\n  display: block;\n  min-height: 220px;\n  padding: 22px 21px;\n  border: 1px solid var(--hk-line);\n  border-radius: 13px;\n  background: var(--hk-soft);\n  color: var(--hk-navy);\n  cursor: pointer;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-role-card:hover {\n  border-color: #a8cde7;\n  transform: translateY(-2px);\n}\n#hk-v52-team-choice-1:checked ~ .hk-team-role-grid .hk-team-role-card-1,\n#hk-v52-team-choice-2:checked ~ .hk-team-role-grid .hk-team-role-card-2,\n#hk-v52-team-choice-3:checked ~ .hk-team-role-grid .hk-team-role-card-3 {\n  border-color: #8fc5e8;\n  background: var(--hk-blue-soft);\n  box-shadow: 0 15px 32px rgba(16,42,67,.08), inset 0 -3px var(--hk-blue);\n  transform: none;\n}\n#hk-v52-team-choice-1:focus-visible ~ .hk-team-role-grid .hk-team-role-card-1,\n#hk-v52-team-choice-2:focus-visible ~ .hk-team-role-grid .hk-team-role-card-2,\n#hk-v52-team-choice-3:focus-visible ~ .hk-team-role-grid .hk-team-role-card-3 {\n  outline: 3px solid rgba(67,131,240,.42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-role-card > span {\n  display: grid;\n  width: 38px;\n  height: 38px;\n  place-items: center;\n  border: 1px solid #c8dcea;\n  border-radius: 9px;\n  color: var(--hk-blue);\n  font: 700 9px\/1 var(--hk-mono);\n}\n#hk-v52-team-choice-1:checked ~ .hk-team-role-grid .hk-team-role-card-1 > span,\n#hk-v52-team-choice-2:checked ~ .hk-team-role-grid .hk-team-role-card-2 > span,\n#hk-v52-team-choice-3:checked ~ .hk-team-role-grid .hk-team-role-card-3 > span {\n  border-color: var(--hk-navy);\n  background: var(--hk-navy);\n  color: var(--hk-white);\n}\n.hk-about-v52-sections .hk-team-role-grid small {\n  display: block;\n  margin-top: 18px;\n  color: var(--hk-blue);\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .1em;\n}\n.hk-about-v52-sections .hk-team-role-grid h3 {\n  margin: 13px 0 7px;\n  font-size: 19px;\n  line-height: 1.3;\n}\n.hk-about-v52-sections .hk-team-role-grid p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 13px;\n  line-height: 1.65;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-card-status {\n  display: block;\n  margin-top: 14px;\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .08em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-status-selected { display: none; }\n#hk-v52-team-choice-1:checked ~ .hk-team-role-grid .hk-team-role-card-1 .hk-team-status-selected,\n#hk-v52-team-choice-2:checked ~ .hk-team-role-grid .hk-team-role-card-2 .hk-team-status-selected,\n#hk-v52-team-choice-3:checked ~ .hk-team-role-grid .hk-team-role-card-3 .hk-team-status-selected { display: inline; }\n#hk-v52-team-choice-1:checked ~ .hk-team-role-grid .hk-team-role-card-1 .hk-team-status-choose,\n#hk-v52-team-choice-2:checked ~ .hk-team-role-grid .hk-team-role-card-2 .hk-team-status-choose,\n#hk-v52-team-choice-3:checked ~ .hk-team-role-grid .hk-team-role-card-3 .hk-team-status-choose { display: none; }\n.hk-about-v52-sections .hk-team-quote {\n  position: relative;\n  margin: 20px 0 0;\n  padding: 24px 52px 24px 27px;\n  border-left: 4px solid var(--hk-orange);\n  background: var(--hk-soft);\n  color: var(--hk-navy);\n  font-size: clamp(19px, 1.8vw, 25px);\n  font-weight: 800;\n  line-height: 1.5;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-path-result { margin-top: 20px; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-result { display: none; }\n#hk-v52-team-choice-1:checked ~ .hk-team-path-result .hk-team-result-1,\n#hk-v52-team-choice-2:checked ~ .hk-team-path-result .hk-team-result-2,\n#hk-v52-team-choice-3:checked ~ .hk-team-path-result .hk-team-result-3 { display: block; }\n.hk-about-v52-sections .hk-team-quote small {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--hk-blue);\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-v52-sections .hk-contact-links {\n  display: grid;\n  margin-top: 20px;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n}\n.hk-about-v52-sections .hk-contact-links a {\n  display: flex;\n  min-height: 68px;\n  padding: 0 18px;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--hk-line);\n  border-radius: 12px;\n  background: var(--hk-white);\n  color: var(--hk-navy);\n  font-weight: 800;\n}\n.hk-about-v52-sections .hk-contact-links a:last-child {\n  border-color: var(--hk-orange);\n  background: var(--hk-orange);\n  color: var(--hk-white);\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-director-photo > img { min-height: 520px; }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-role-card { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-director-photo > img { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-director-photo > img { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"team\">\n  <section class=\"hk-section hk-team\" id=\"team\" aria-labelledby=\"team-title\">\n    <div class=\"hk-shell hk-team-layout\">\n      <figure class=\"hk-director-photo hk-reveal\">\n        <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/PeterHe-e1784209363801.jpg\" width=\"328\" height=\"408\" alt=\"Peter He, HONGKAI international project contact\" loading=\"lazy\" decoding=\"async\" title=\"\">\n        <figcaption><strong>Peter He<\/strong><span>International Project Contact<\/span><\/figcaption>\n      <\/figure>\n\n      <div class=\"hk-team-copy\">\n        <div class=\"hk-section-tag hk-reveal\"><span>06<\/span><b>PETER &amp; INTERNATIONAL PROJECT TEAM<\/b><\/div>\n        <h2 id=\"team-title\" class=\"hk-reveal\">One responsible contact across the complete production solution.<\/h2>\n        <p class=\"hk-director-role hk-reveal\">Peter He \u00b7 International Project Contact<\/p>\n        <p class=\"hk-team-intro hk-reveal\">Peter coordinates customer requirements, process and equipment discussions, quotation, project progress, inspection, delivery and after-sales communication. The wider team connects engineering, manufacturing, testing and service resources around the agreed scope.<\/p>\n\n        <fieldset class=\"hk-team-path hk-reveal\">\n          <legend class=\"hk-visually-hidden\">Choose a project responsibility stage<\/legend>\n\n          <input class=\"hk-team-choice\" type=\"radio\" name=\"hk-v52-team-choice\" id=\"hk-v52-team-choice-1\" checked>\n          <input class=\"hk-team-choice\" type=\"radio\" name=\"hk-v52-team-choice\" id=\"hk-v52-team-choice-2\">\n          <input class=\"hk-team-choice\" type=\"radio\" name=\"hk-v52-team-choice\" id=\"hk-v52-team-choice-3\">\n\n          <div class=\"hk-team-progress\" aria-label=\"Selected project responsibility stage\">\n            <div>\n              <span>ONE RESPONSIBLE PROJECT PATH<\/span>\n              <b class=\"hk-team-progress-count\"><span class=\"hk-team-count-1\">01 \/ 03<\/span><span class=\"hk-team-count-2\">02 \/ 03<\/span><span class=\"hk-team-count-3\">03 \/ 03<\/span><\/b>\n            <\/div>\n            <i aria-hidden=\"true\"><span><\/span><\/i>\n          <\/div>\n\n          <div class=\"hk-team-role-grid\" aria-label=\"Three-part project responsibility path\">\n            <label class=\"hk-team-role-card hk-team-role-card-1\" for=\"hk-v52-team-choice-1\">\n              <span>01<\/span><small>CUSTOMER &amp; PROJECT<\/small><h3>Peter coordinates the project route<\/h3><p>Requirements \u00b7 proposal \u00b7 quotation \u00b7 contract communication<\/p>\n              <b class=\"hk-team-card-status\" aria-hidden=\"true\"><span class=\"hk-team-status-selected\">Selected responsibility<\/span><span class=\"hk-team-status-choose\">Review responsibility<\/span><\/b>\n            <\/label>\n            <label class=\"hk-team-role-card hk-team-role-card-2\" for=\"hk-v52-team-choice-2\">\n              <span>02<\/span><small>ENGINEERING &amp; SUPPLY<\/small><h3>Technical resources define and execute the scope<\/h3><p>Process route \u00b7 machine matching \u00b7 interfaces \u00b7 manufacturing \u00b7 schedule<\/p>\n              <b class=\"hk-team-card-status\" aria-hidden=\"true\"><span class=\"hk-team-status-selected\">Selected responsibility<\/span><span class=\"hk-team-status-choose\">Review responsibility<\/span><\/b>\n            <\/label>\n            <label class=\"hk-team-role-card hk-team-role-card-3\" for=\"hk-v52-team-choice-3\">\n              <span>03<\/span><small>DELIVERY &amp; SUPPORT<\/small><h3>The team follows the agreed responsibility path<\/h3><p>Inspection \u00b7 shipping \u00b7 installation \u00b7 training \u00b7 after-sales coordination<\/p>\n              <b class=\"hk-team-card-status\" aria-hidden=\"true\"><span class=\"hk-team-status-selected\">Selected responsibility<\/span><span class=\"hk-team-status-choose\">Review responsibility<\/span><\/b>\n            <\/label>\n          <\/div>\n\n          <div class=\"hk-team-path-result\">\n            <div class=\"hk-team-quote hk-team-result hk-team-result-1\"><small>01 \u00b7 CUSTOMER &amp; PROJECT<\/small>One named contact keeps requirements, proposal decisions and commercial communication connected.<\/div>\n            <div class=\"hk-team-quote hk-team-result hk-team-result-2\"><small>02 \u00b7 ENGINEERING &amp; SUPPLY<\/small>Engineering, manufacturing and specialist resources work from the same confirmed technical scope.<\/div>\n            <div class=\"hk-team-quote hk-team-result hk-team-result-3\"><small>03 \u00b7 DELIVERY &amp; SUPPORT<\/small>Inspection, delivery, installation and support follow the responsibility path agreed for the project.<\/div>\n          <\/div>\n        <\/fieldset>\n\n        <div class=\"hk-contact-links hk-reveal\">\n          <a href=\"mailto:peterhe@hkcablemachine.com\">Email Peter <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n          <a href=\"https:\/\/wa.me\/8618681065860\" rel=\"nofollow noopener\" target=\"_blank\">WhatsApp Peter <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n          <a href=\"#contact\">Start a Project <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  document.querySelectorAll(\n    '[data-hk-about-section-widget=\"team\"]:not([data-hk-team-ready])'\n  ).forEach((root) => {\n    root.dataset.hkTeamReady = \"true\";\n    root.classList.add(\"is-js\");\n\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    if (\"IntersectionObserver\" in window) {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n      revealItems.forEach((item) => observer.observe(item));\n    } else {\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    }\n  });\n\n  \/* Responsibility selection is native radio + CSS. *\/\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-845a4ef e-con-full e-flex e-con e-parent\" data-id=\"845a4ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f7ea94 elementor-widget elementor-widget-html\" data-id=\"3f7ea94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 07 \u00b7 CUSTOMERS & PROJECT EXPERIENCE\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n  IMAGE URL KEYS\n  REPLACE_IMAGE_URL_PROJECT_01\n  REPLACE_IMAGE_URL_PROJECT_02\n  REPLACE_IMAGE_URL_PROJECT_03\n  Replace each key inside data-replace-image with an absolute Media Library URL.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 07 \u00b7 PROJECT RECORDS *\/\n.hk-about-v52-sections .hk-projects { background: var(--hk-soft); }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-switcher {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-visually-hidden,\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-choice {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress {\n  margin-bottom: 14px;\n  padding: 14px 17px 13px;\n  border: 1px solid var(--hk-line);\n  border-radius: 13px;\n  background: var(--hk-white);\n  box-shadow: 0 12px 30px rgba(16,42,67,.045);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress > div {\n  display: flex;\n  margin-bottom: 9px;\n  align-items: center;\n  justify-content: space-between;\n  color: #6f8198;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress-count span { display: none; }\n#hk-v52-project-choice-1:checked ~ .hk-project-progress .hk-project-count-1,\n#hk-v52-project-choice-2:checked ~ .hk-project-progress .hk-project-count-2,\n#hk-v52-project-choice-3:checked ~ .hk-project-progress .hk-project-count-3 { display: inline; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress > i {\n  display: block;\n  height: 3px;\n  overflow: hidden;\n  border-radius: 99px;\n  background: #dce6ee;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress > i span {\n  display: block;\n  width: 33.333%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, var(--hk-blue), var(--hk-blue-2) 78%, var(--hk-orange));\n  transition: width .25s ease;\n}\n#hk-v52-project-choice-1:checked ~ .hk-project-progress > i span { width: 33.333%; }\n#hk-v52-project-choice-2:checked ~ .hk-project-progress > i span { width: 66.666%; }\n#hk-v52-project-choice-3:checked ~ .hk-project-progress > i span { width: 100%; }\n.hk-about-v52-sections .hk-project-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n.hk-about-v52-sections .hk-project-card {\n  position: relative;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: var(--hk-white);\n  box-shadow: 0 14px 40px rgba(16,42,67,.055);\n  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-card:hover {\n  border-color: #a8cde7;\n  transform: translateY(-3px);\n}\n#hk-v52-project-choice-1:checked ~ .hk-project-grid .hk-project-card-1,\n#hk-v52-project-choice-2:checked ~ .hk-project-grid .hk-project-card-2,\n#hk-v52-project-choice-3:checked ~ .hk-project-grid .hk-project-card-3 {\n  border-color: #8fc5e8;\n  box-shadow: 0 18px 42px rgba(16,42,67,.11), inset 0 -3px var(--hk-blue);\n  transform: none;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-card-select {\n  position: absolute;\n  z-index: 5;\n  inset: 0;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n#hk-v52-project-choice-1:focus-visible ~ .hk-project-grid .hk-project-card-1,\n#hk-v52-project-choice-2:focus-visible ~ .hk-project-grid .hk-project-card-2,\n#hk-v52-project-choice-3:focus-visible ~ .hk-project-grid .hk-project-card-3 {\n  outline: 3px solid rgba(67,131,240,.42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections .hk-project-card figure {\n  position: relative;\n  aspect-ratio: 4 \/ 3;\n  margin: 0;\n  overflow: hidden;\n  background: linear-gradient(145deg, #e7edf3, #ced9e4);\n}\n.hk-about-v52-sections .hk-project-card figure::after {\n  position: absolute;\n  z-index: 1;\n  inset: 58% 0 0;\n  background: linear-gradient(180deg, transparent, rgba(8,25,43,.7));\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections .hk-project-card figure > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .35s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-card:hover figure > img { transform: scale(1.025); }\n.hk-about-v52-sections .hk-project-card figure .hk-image-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 2;\n  display: grid;\n  width: calc(100% - 44px);\n  gap: 5px;\n  transform: translate(-50%, -50%);\n}\n.hk-about-v52-sections .hk-project-card .hk-image-placeholder b {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .12em;\n}\n.hk-about-v52-sections .hk-project-card .hk-image-placeholder strong {\n  color: var(--hk-navy);\n  font-size: 18px;\n  line-height: 1.4;\n}\n.hk-about-v52-sections .hk-project-card .hk-image-placeholder small {\n  color: var(--hk-muted);\n  font-size: 12px;\n  line-height: 1.5;\n}\n.hk-about-v52-sections .hk-project-card figure figcaption {\n  position: absolute;\n  z-index: 2;\n  right: 20px;\n  bottom: 16px;\n  left: 20px;\n  color: var(--hk-white);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .12em;\n}\n.hk-about-v52-sections .hk-project-card > div { padding: 26px 24px 25px; }\n.hk-about-v52-sections .hk-project-card-label {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 10px;\n}\n.hk-about-v52-sections .hk-project-card-label small {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .12em;\n}\n.hk-about-v52-sections .hk-project-card-label span {\n  flex: 0 0 auto;\n  padding: 6px 8px;\n  border-radius: 99px;\n  background: #fff2ed;\n  color: #a5533a;\n  font: 700 7px\/1 var(--hk-mono);\n  letter-spacing: .08em;\n}\n.hk-about-v52-sections .hk-project-card h3 {\n  min-height: 80px;\n  margin: 12px 0 22px;\n  font-size: 22px;\n  line-height: 1.3;\n}\n.hk-about-v52-sections .hk-project-summary {\n  margin: -8px 0 20px;\n  color: var(--hk-muted);\n  font-size: 13px;\n  line-height: 1.65;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-card-status {\n  display: block;\n  margin-top: 17px;\n  padding-top: 15px;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .08em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-status-selected { display: none; }\n#hk-v52-project-choice-1:checked ~ .hk-project-grid .hk-project-card-1 .hk-project-status-selected,\n#hk-v52-project-choice-2:checked ~ .hk-project-grid .hk-project-card-2 .hk-project-status-selected,\n#hk-v52-project-choice-3:checked ~ .hk-project-grid .hk-project-card-3 .hk-project-status-selected { display: inline; }\n#hk-v52-project-choice-1:checked ~ .hk-project-grid .hk-project-card-1 .hk-project-status-choose,\n#hk-v52-project-choice-2:checked ~ .hk-project-grid .hk-project-card-2 .hk-project-status-choose,\n#hk-v52-project-choice-3:checked ~ .hk-project-grid .hk-project-card-3 .hk-project-status-choose { display: none; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context {\n  margin-top: 16px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-panel {\n  display: none;\n  padding: 26px 27px;\n  grid-template-columns: minmax(220px,.62fr) minmax(0,1.38fr);\n  gap: 30px;\n  align-items: center;\n  border: 1px solid var(--hk-line);\n  border-radius: 15px;\n  background: var(--hk-white);\n  box-shadow: 0 14px 36px rgba(16,42,67,.05);\n}\n#hk-v52-project-choice-1:checked ~ .hk-project-context .hk-project-context-1,\n#hk-v52-project-choice-2:checked ~ .hk-project-context .hk-project-context-2,\n#hk-v52-project-choice-3:checked ~ .hk-project-context .hk-project-context-3 { display: grid; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-intro small {\n  display: block;\n  margin-bottom: 9px;\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .12em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-intro strong {\n  display: block;\n  color: var(--hk-navy);\n  font-size: 19px;\n  line-height: 1.45;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl {\n  display: grid;\n  margin: 0;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 0;\n  border: 1px solid var(--hk-line);\n  border-radius: 12px;\n  overflow: hidden;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl > div {\n  display: grid;\n  min-width: 0;\n  padding: 15px 16px;\n  gap: 5px;\n  border-right: 1px solid var(--hk-line);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl > div:last-child { border-right: 0; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dt {\n  color: #8290a4;\n  font: 700 9px\/1.5 var(--hk-mono);\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dd {\n  margin-bottom: 0;\n  color: var(--hk-body);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-panel {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-panel { padding: 22px 20px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl { grid-template-columns: 1fr; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl > div {\n    border-right: 0;\n    border-bottom: 1px solid var(--hk-line);\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl > div:last-child { border-bottom: 0; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"projects\">\n  <section class=\"hk-section hk-projects\" id=\"projects\" aria-labelledby=\"projects-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>07<\/span><b>CUSTOMERS &amp; PROJECT EXPERIENCE<\/b><\/div>\n          <h2 id=\"projects-title\">Trusted through real project records.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">Review customer-site, production-site and project-communication records that show how equipment and support connect to real project work.<\/p>\n      <\/div>\n\n      <fieldset class=\"hk-project-switcher hk-reveal\">\n        <legend class=\"hk-visually-hidden\">Choose a project record to review<\/legend>\n\n        <input class=\"hk-project-choice\" type=\"radio\" name=\"hk-v52-project-choice\" id=\"hk-v52-project-choice-1\" aria-label=\"Customer-site equipment record\" checked>\n        <input class=\"hk-project-choice\" type=\"radio\" name=\"hk-v52-project-choice\" id=\"hk-v52-project-choice-2\" aria-label=\"Production-site result record\">\n        <input class=\"hk-project-choice\" type=\"radio\" name=\"hk-v52-project-choice\" id=\"hk-v52-project-choice-3\" aria-label=\"Project communication record\">\n\n        <div class=\"hk-project-progress\" aria-label=\"Selected project record\">\n          <div>\n            <span>REAL PROJECT RECORDS<\/span>\n            <b class=\"hk-project-progress-count\"><span class=\"hk-project-count-1\">01 \/ 03<\/span><span class=\"hk-project-count-2\">02 \/ 03<\/span><span class=\"hk-project-count-3\">03 \/ 03<\/span><\/b>\n          <\/div>\n          <i aria-hidden=\"true\"><span><\/span><\/i>\n        <\/div>\n\n        <div class=\"hk-project-grid\" aria-label=\"Three project records\">\n          <article class=\"hk-project-card hk-project-card-1\">\n            <label class=\"hk-project-card-select\" for=\"hk-v52-project-choice-1\" aria-label=\"Select customer-site equipment record\"><\/label>\n            <figure><div class=\"hk-image-placeholder\" data-replace-image=https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/Bangladesh-Client-scaled.jpg><b>PROJECT RECORD 01<\/b><strong>Customer-site equipment<\/strong><small>Equipment \u00b7 operating team \u00b7 production environment<\/small><\/div><figcaption>PROJECT RECORD 01 \u00b7 CUSTOMER SITE<\/figcaption><\/figure>\n            <div><div class=\"hk-project-card-label\"><small>CUSTOMER-SITE EQUIPMENT RECORD<\/small><span>SITE EVIDENCE<\/span><\/div><h3>Installed cable-production equipment and local operating team.<\/h3><p class=\"hk-project-summary\">A customer-site record showing equipment within its real production environment.<\/p><b class=\"hk-project-card-status\" aria-hidden=\"true\"><span class=\"hk-project-status-selected\">Selected record<\/span><span class=\"hk-project-status-choose\">Review record<\/span><\/b><\/div>\n          <\/article>\n\n          <article class=\"hk-project-card hk-project-card-2\">\n            <label class=\"hk-project-card-select\" for=\"hk-v52-project-choice-2\" aria-label=\"Select production-site result record\"><\/label>\n            <figure><div class=\"hk-image-placeholder\" data-replace-image=https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/clients-factory-scaled.jpg><b>PROJECT RECORD 02<\/b><strong>Production-site result<\/strong><small>Customer team \u00b7 finished cable \u00b7 line operation<\/small><\/div><figcaption>PROJECT RECORD 02 \u00b7 PRODUCTION SITE<\/figcaption><\/figure>\n            <div><div class=\"hk-project-card-label\"><small>PRODUCTION-SITE RECORD<\/small><span>OUTPUT EVIDENCE<\/span><\/div><h3>Finished cable documented at the production site.<\/h3><p class=\"hk-project-summary\">A production-site record connecting delivered equipment with the customer\u2019s manufacturing activity.<\/p><b class=\"hk-project-card-status\" aria-hidden=\"true\"><span class=\"hk-project-status-selected\">Selected record<\/span><span class=\"hk-project-status-choose\">Review record<\/span><\/b><\/div>\n          <\/article>\n\n          <article class=\"hk-project-card hk-project-card-3\">\n            <label class=\"hk-project-card-select\" for=\"hk-v52-project-choice-3\" aria-label=\"Select project communication record\"><\/label>\n            <figure><div class=\"hk-image-placeholder\" data-replace-image=https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/Africa-client-scaled.jpg><b>PROJECT RECORD 03<\/b><strong>Project communication<\/strong><small>Customer meeting \u00b7 technical discussion \u00b7 coordination<\/small><\/div><figcaption>PROJECT RECORD 03 \u00b7 PROJECT COMMUNICATION<\/figcaption><\/figure>\n            <div><div class=\"hk-project-card-label\"><small>PROJECT COMMUNICATION RECORD<\/small><span>COORDINATION EVIDENCE<\/span><\/div><h3>Customer and HONGKAI representatives during project discussion.<\/h3><p class=\"hk-project-summary\">A project record showing direct communication around customer requirements and coordination.<\/p><b class=\"hk-project-card-status\" aria-hidden=\"true\"><span class=\"hk-project-status-selected\">Selected record<\/span><span class=\"hk-project-status-choose\">Review record<\/span><\/b><\/div>\n          <\/article>\n        <\/div>\n\n        <div class=\"hk-project-context\" aria-live=\"polite\">\n          <div class=\"hk-project-context-panel hk-project-context-1\">\n            <div class=\"hk-project-context-intro\"><small>01 \u00b7 SELECTED CUSTOMER-SITE RECORD<\/small><strong>Review what this photograph can verify before publication.<\/strong><\/div>\n            <dl><div><dt>Visible stage<\/dt><dd>Equipment at a customer production site<\/dd><\/div><div><dt>Project focus<\/dt><dd>Installed machinery, operating environment and local team<\/dd><\/div><div><dt>Why it matters<\/dt><dd>Shows the equipment beyond the factory-delivery stage<\/dd><\/div><\/dl>\n          <\/div>\n          <div class=\"hk-project-context-panel hk-project-context-2\">\n            <div class=\"hk-project-context-intro\"><small>02 \u00b7 SELECTED PRODUCTION-SITE RECORD<\/small><strong>Connect the production equipment with a visible manufacturing result.<\/strong><\/div>\n            <dl><div><dt>Visible stage<\/dt><dd>Customer team with produced cable<\/dd><\/div><div><dt>Project focus<\/dt><dd>Production activity and finished-cable handling<\/dd><\/div><div><dt>Why it matters<\/dt><dd>Connects machinery with a visible production result<\/dd><\/div><\/dl>\n          <\/div>\n          <div class=\"hk-project-context-panel hk-project-context-3\">\n            <div class=\"hk-project-context-intro\"><small>03 \u00b7 SELECTED COMMUNICATION RECORD<\/small><strong>Show the named communication route behind an international project.<\/strong><\/div>\n            <dl><div><dt>Visible stage<\/dt><dd>Customer meeting and project discussion<\/dd><\/div><div><dt>Project focus<\/dt><dd>Requirements, technical questions and coordination<\/dd><\/div><div><dt>Why it matters<\/dt><dd>Shows the human responsibility path behind the project<\/dd><\/div><\/dl>\n          <\/div>\n        <\/div>\n      <\/fieldset>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  document.querySelectorAll(\n    '[data-hk-about-section-widget=\"projects\"]:not([data-hk-projects-ready])'\n  ).forEach((root) => {\n    root.dataset.hkProjectsReady = \"true\";\n    root.classList.add(\"is-js\");\n\n    root.querySelectorAll(\"[data-replace-image]\").forEach((slot) => {\n      const source = (slot.dataset.replaceImage || \"\").trim();\n      if (!\/^(https?:\\\/\\\/|\\\/\\\/)\/i.test(source)) return;\n      const image = document.createElement(\"img\");\n      image.src = source;\n      image.alt = (slot.querySelector(\"strong\")?.textContent || \"HONGKAI project record\").trim();\n      image.loading = \"lazy\";\n      image.decoding = \"async\";\n      slot.replaceWith(image);\n    });\n\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    if (\"IntersectionObserver\" in window) {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n      revealItems.forEach((item) => observer.observe(item));\n    } else {\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    }\n  });\n\n  \/* Project selection is native radio + CSS. *\/\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64e3d60 e-con-full e-flex e-con e-parent\" data-id=\"64e3d60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90b9909 elementor-widget elementor-widget-html\" data-id=\"90b9909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 08 \u00b7 VISION, MISSION & VALUES\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n-->\n\n<style>\n.hk-about-values-v53 {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-values-v53,\n.hk-about-values-v53 * { box-sizing: border-box; }\n.hk-about-values-v53 :is(h2, h3, p) { margin-top: 0; }\n.hk-about-values-v53 :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-values-v53 a { color: inherit; text-decoration: none; }\n.hk-about-values-v53 a:focus-visible {\n  outline: 3px solid rgba(67,131,240,.42);\n  outline-offset: 3px;\n}\n.hk-about-values-v53 [id] { scroll-margin-top: 150px; }\n\n.hk-about-values-v53 .hk-values-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-values-v53 .hk-values-section {\n  padding: clamp(88px,7.5vw,118px) 0;\n  background: var(--hk-white);\n}\n.hk-about-values-v53 .hk-values-heading {\n  display: grid;\n  margin-bottom: clamp(42px,5vw,64px);\n  grid-template-columns: minmax(0,1.05fr) minmax(320px,.65fr);\n  gap: clamp(42px,7vw,104px);\n  align-items: end;\n}\n.hk-about-values-v53 .hk-values-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-values-v53 .hk-values-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-values-v53 .hk-values-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-values-v53 .hk-values-heading h2 {\n  max-width: 780px;\n  margin-bottom: 0;\n  font-size: clamp(38px,4.1vw,58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-values-v53 .hk-values-heading > p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n.hk-about-values-v53 .hk-purpose-grid {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 16px;\n}\n.hk-about-values-v53 .hk-purpose-card {\n  position: relative;\n  display: flex;\n  min-width: 0;\n  padding: clamp(28px,3vw,36px);\n  overflow: hidden;\n  flex-direction: column;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: linear-gradient(135deg,#f8fbfd 0%,#eef4f8 100%);\n}\n.hk-about-values-v53 .hk-purpose-card::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 3px;\n  background: linear-gradient(90deg,var(--hk-blue),var(--hk-blue-2));\n  content: \"\";\n}\n.hk-about-values-v53 .hk-purpose-card:last-child::before {\n  background: linear-gradient(90deg,var(--hk-orange),#efa080);\n}\n.hk-about-values-v53 .hk-purpose-card header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n}\n.hk-about-values-v53 .hk-purpose-card small {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-values-v53 .hk-purpose-card:last-child small { color: #a5533a; }\n.hk-about-values-v53 .hk-purpose-card header span {\n  color: rgba(16,42,67,.15);\n  font: 700 25px\/1 var(--hk-mono);\n}\n.hk-about-values-v53 .hk-purpose-card h3 {\n  max-width: 550px;\n  margin: clamp(34px,4vw,54px) 0 28px;\n  font-size: clamp(24px,2.25vw,32px);\n  line-height: 1.34;\n}\n.hk-about-values-v53 .hk-purpose-card > p {\n  margin: auto 0 0;\n  padding-top: 17px;\n  border-top: 1px solid var(--hk-line);\n  color: #7d8ca1;\n  font: 700 8px\/1.5 var(--hk-mono);\n  letter-spacing: .12em;\n}\n\n.hk-about-values-v53 .hk-values-board {\n  margin-top: 16px;\n  padding: 22px;\n  border: 1px solid var(--hk-line);\n  border-radius: 18px;\n  background: var(--hk-soft);\n}\n.hk-about-values-v53 .hk-values-board-heading {\n  display: flex;\n  margin-bottom: 18px;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 28px;\n}\n.hk-about-values-v53 .hk-values-board-heading small {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-values-v53 .hk-values-board-heading p {\n  max-width: 560px;\n  margin: 0;\n  color: var(--hk-muted);\n  font-size: 14px;\n  line-height: 1.7;\n}\n.hk-about-values-v53 .hk-values-grid {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  gap: 13px;\n}\n.hk-about-values-v53 .hk-value-card {\n  display: flex;\n  min-width: 0;\n  min-height: 264px;\n  padding: 24px 21px 22px;\n  flex-direction: column;\n  border: 1px solid var(--hk-line);\n  border-radius: 14px;\n  background: var(--hk-white);\n  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.hk-about-values-v53 .hk-value-card:hover {\n  border-color: #a8cde7;\n  box-shadow: 0 14px 30px rgba(16,42,67,.07);\n  transform: translateY(-2px);\n}\n.hk-about-values-v53 .hk-value-card > span {\n  color: var(--hk-blue);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-values-v53 .hk-value-card small {\n  display: block;\n  margin-top: 31px;\n  color: #8290a4;\n  font: 700 8px\/1.45 var(--hk-mono);\n  letter-spacing: .1em;\n}\n.hk-about-values-v53 .hk-value-card h3 {\n  margin: 9px 0 10px;\n  font-size: 20px;\n  line-height: 1.3;\n}\n.hk-about-values-v53 .hk-value-card p {\n  margin-bottom: 22px;\n  color: var(--hk-muted);\n  font-size: 15px;\n  line-height: 1.68;\n}\n.hk-about-values-v53 .hk-value-link {\n  display: flex;\n  margin-top: auto;\n  padding-top: 15px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-navy);\n  font-size: 12px;\n  font-weight: 800;\n}\n.hk-about-values-v53 .hk-value-link b {\n  color: var(--hk-blue);\n  font-size: 18px;\n  font-weight: 500;\n}\n\n.hk-about-values-v53.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-values-v53.is-js .hk-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width:1024px) {\n  .hk-about-values-v53 .hk-values-heading {\n    grid-template-columns: 1fr;\n    gap: 26px;\n  }\n  .hk-about-values-v53 .hk-values-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n  .hk-about-values-v53 .hk-value-card { min-height: 235px; }\n}\n\n@media (max-width:900px) {\n  .hk-about-values-v53 .hk-purpose-grid { grid-template-columns: 1fr; }\n}\n\n@media (max-width:767px) {\n  .hk-about-values-v53 .hk-values-shell { width: calc(100% - 32px); }\n  .hk-about-values-v53 .hk-values-section { padding: 72px 0; }\n  .hk-about-values-v53 .hk-values-heading h2 {\n    font-size: clamp(33px,9.4vw,44px);\n  }\n  .hk-about-values-v53 .hk-values-heading > p {\n    font-size: 15px;\n    line-height: 1.75;\n  }\n  .hk-about-values-v53 .hk-purpose-card { padding: 27px 23px; }\n  .hk-about-values-v53 .hk-purpose-card h3 {\n    margin-top: 32px;\n    font-size: 24px;\n  }\n  .hk-about-values-v53 .hk-values-board {\n    padding: 16px;\n    border-radius: 16px;\n  }\n  .hk-about-values-v53 .hk-values-board-heading {\n    display: grid;\n    gap: 8px;\n  }\n  .hk-about-values-v53 .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-values-v53 .hk-value-card {\n    min-height: 0;\n    padding: 23px 20px;\n  }\n  .hk-about-values-v53 .hk-value-card small { margin-top: 25px; }\n  .hk-about-values-v53 .hk-value-card p { font-size: 15px; }\n}\n\n@media (max-width:390px) {\n  .hk-about-values-v53 .hk-values-shell { width: calc(100% - 24px); }\n  .hk-about-values-v53 .hk-values-board { padding: 12px; }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  .hk-about-values-v53.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n<\/style>\n\n<div class=\"hk-about-values-v53\" data-hk-about-section-widget=\"values\">\n  <section class=\"hk-values-section\" id=\"values\" aria-labelledby=\"values-title\">\n    <div class=\"hk-values-shell\">\n      <div class=\"hk-values-heading hk-reveal\">\n        <div>\n          <div class=\"hk-values-tag\"><span>08<\/span><b>VISION \u00b7 MISSION \u00b7 VALUES<\/b><\/div>\n          <h2 id=\"values-title\">Technical accuracy and visible responsibility guide the work.<\/h2>\n        <\/div>\n        <p>These principles guide how HONGKAI defines scope, communicates decisions and supports project execution.<\/p>\n      <\/div>\n\n      <div class=\"hk-purpose-grid\">\n        <article class=\"hk-purpose-card hk-reveal\">\n          <header><small>VISION<\/small><span>01<\/span><\/header>\n          <h3>To become a trusted global partner for cable production capability development.<\/h3>\n          <p>LONG-TERM DIRECTION \u00b7 CABLE PRODUCTION CAPABILITY<\/p>\n        <\/article>\n        <article class=\"hk-purpose-card hk-reveal\">\n          <header><small>MISSION<\/small><span>02<\/span><\/header>\n          <h3>To help manufacturers and investors build stable, practical and scalable cable production systems.<\/h3>\n          <p>OPERATING PURPOSE \u00b7 PRACTICAL PROJECT EXECUTION<\/p>\n        <\/article>\n      <\/div>\n\n      <div class=\"hk-values-board hk-reveal\">\n        <div class=\"hk-values-board-heading\">\n          <small>VALUES IN PRACTICE<\/small>\n          <p>Each principle links to the part of this page where customers can review how it appears in project work.<\/p>\n        <\/div>\n\n        <nav class=\"hk-values-grid\" aria-label=\"HONGKAI values in project practice\">\n          <a class=\"hk-value-card\" href=\"#how-we-work\">\n            <span>01<\/span>\n            <small>PROJECT DECISION QUALITY<\/small>\n            <h3>Technical Clarity<\/h3>\n            <p>Make cable, process, capacity and interface decisions easier to understand and compare.<\/p>\n            <strong class=\"hk-value-link\">Review the delivery process <b aria-hidden=\"true\">\u2192<\/b><\/strong>\n          <\/a>\n\n          <a class=\"hk-value-card\" href=\"#strengths\">\n            <span>02<\/span>\n            <small>RESPONSIBILITY BOUNDARY<\/small>\n            <h3>Source &amp; Scope Transparency<\/h3>\n            <p>State what HONGKAI supplies, what specialists provide and what still needs confirmation.<\/p>\n            <strong class=\"hk-value-link\">Review evidence-based strengths <b aria-hidden=\"true\">\u2192<\/b><\/strong>\n          <\/a>\n\n          <a class=\"hk-value-card\" href=\"#manufacturing\">\n            <span>03<\/span>\n            <small>VISIBLE PROJECT OUTPUT<\/small>\n            <h3>Visible Execution Evidence<\/h3>\n            <p>Connect project statements to engineering, assembly, testing and delivery records.<\/p>\n            <strong class=\"hk-value-link\">Review manufacturing evidence <b aria-hidden=\"true\">\u2192<\/b><\/strong>\n          <\/a>\n\n          <a class=\"hk-value-card\" href=\"#team\">\n            <span>04<\/span>\n            <small>NAMED COMMUNICATION ROUTE<\/small>\n            <h3>Continued Project Coordination<\/h3>\n            <p>Keep customer, engineering, manufacturing and support communication on one named route.<\/p>\n            <strong class=\"hk-value-link\">Review the project team <b aria-hidden=\"true\">\u2192<\/b><\/strong>\n          <\/a>\n        <\/nav>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  document.querySelectorAll(\n    '[data-hk-about-section-widget=\"values\"]:not([data-hk-values-ready])'\n  ).forEach((root) => {\n    root.dataset.hkValuesReady = \"true\";\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    const revealAll = () => revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    const reducedMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const editorMode = document.body.classList.contains(\"elementor-editor-active\");\n\n    if (reducedMotion || editorMode || !(\"IntersectionObserver\" in window)) {\n      revealAll();\n      return;\n    }\n\n    root.classList.add(\"is-js\");\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        currentObserver.unobserve(entry.target);\n      });\n    }, { rootMargin: \"0px 0px -8% 0px\", threshold: .06 });\n\n    revealItems.forEach((item) => observer.observe(item));\n    window.setTimeout(revealAll, 1400);\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e49af75 e-con-full e-flex e-con e-parent\" data-id=\"e49af75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63df4b4 elementor-widget elementor-widget-html\" data-id=\"63df4b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!--\n  HONGKAI ABOUT \u00b7 SECTION 09 \u00b7 FINAL PROJECT CTA\n  Standalone Elementor HTML widget.\n  Replace the complete old Section 09 HTML widget with this file.\n  Internal content width: 1289px. No JavaScript is required.\n-->\n\n<style>\n\/* =========================================================\n   HONGKAI ABOUT \u00b7 09 FINAL PROJECT CTA\n   Scoped styles: this widget will not change other sections.\n========================================================= *\/\n\/* Remove the browser's default 8px margin in the standalone preview. *\/\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\n.hk-about-final-v9,\n.hk-about-final-v9 * {\n  box-sizing: border-box;\n}\n\n.hk-about-final-v9 {\n  --hk-blue: #1677c8;\n  --hk-sky: #84caff;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-dark-2: #102842;\n  --hk-body: #4b5565;\n  --hk-muted: #667085;\n  --hk-line: #dce3ea;\n  --hk-light: #f5f7fa;\n  --hk-orange: #e16a47;\n  --hk-white: #ffffff;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n\n  position: relative;\n  display: block;\n  \/* Full-bleed even when the HTML widget sits in a boxed Elementor parent. *\/\n  width: 100vw !important;\n  max-width: 100vw !important;\n  min-width: 0 !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n  overflow: hidden;\n  background: var(--hk-dark);\n  color: var(--hk-body);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.65;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-final-v9 :is(h2, h3, p, ol, ul) {\n  margin-top: 0;\n}\n\n.hk-about-final-v9 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.hk-about-final-v9 a:focus-visible {\n  outline: 3px solid rgba(132, 202, 255, .62);\n  outline-offset: 3px;\n}\n\n.hk-about-final-v9 .hk-final-section {\n  position: relative;\n  padding: 0;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 88% 10%, rgba(22, 119, 200, .24), transparent 34%),\n    linear-gradient(135deg, var(--hk-dark) 0%, #0c2037 62%, var(--hk-dark-2) 100%);\n  isolation: isolate;\n}\n\n.hk-about-final-v9 .hk-final-section::before {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--hk-blue) 0 74%, var(--hk-orange) 74% 100%);\n  content: \"\";\n}\n\n.hk-about-final-v9 .hk-final-section::after {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  background:\n    linear-gradient(90deg, transparent 49.9%, rgba(132, 202, 255, .03) 50%, transparent 50.1%),\n    linear-gradient(rgba(132, 202, 255, .025) 1px, transparent 1px);\n  background-size: 100% 100%, 100% 72px;\n  content: \"\";\n  pointer-events: none;\n}\n\n.hk-about-final-v9 .hk-final-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n\n.hk-about-final-v9 .hk-final-card {\n  padding: clamp(70px, 7vw, 96px) 0;\n  background: transparent;\n}\n\n.hk-about-final-v9 .hk-final-main {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .78fr);\n  gap: clamp(46px, 7vw, 92px);\n  align-items: start;\n}\n\n\/* SECTION LABEL *\/\n.hk-about-final-v9 .hk-final-tag {\n  display: flex;\n  margin-bottom: 24px;\n  gap: 14px;\n  align-items: center;\n}\n\n.hk-about-final-v9 .hk-final-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-sky);\n  color: var(--hk-navy);\n  font: 700 10px\/1 var(--hk-mono);\n}\n\n.hk-about-final-v9 .hk-final-tag b {\n  color: var(--hk-sky);\n  font: 700 10px\/1.45 var(--hk-mono);\n  letter-spacing: .15em;\n}\n\n\/* LEFT: PROJECT INPUT *\/\n.hk-about-final-v9 .hk-final-copy h2 {\n  max-width: 720px;\n  margin-bottom: 0;\n  color: var(--hk-white);\n  font-size: clamp(38px, 4.2vw, 58px);\n  font-weight: 700;\n  line-height: 1.08;\n  letter-spacing: -.038em;\n}\n\n.hk-about-final-v9 .hk-final-intro {\n  max-width: 700px;\n  margin: 24px 0 30px;\n  color: #bdc9d8;\n  font-size: 17px;\n  line-height: 1.78;\n}\n\n.hk-about-final-v9 .hk-final-input-label {\n  display: block;\n  margin-bottom: 12px;\n  color: var(--hk-sky);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n\n.hk-about-final-v9 .hk-final-inputs {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 8px 26px;\n  list-style: none;\n}\n\n.hk-about-final-v9 .hk-final-inputs li {\n  display: grid;\n  min-height: 49px;\n  padding: 10px 0;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 10px;\n  align-items: center;\n  border-top: 1px solid rgba(132, 202, 255, .17);\n  color: #f4f8fb;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n\n.hk-about-final-v9 .hk-final-inputs b {\n  color: var(--hk-sky);\n  font: 700 10px\/1 var(--hk-mono);\n  letter-spacing: .06em;\n}\n\n\/* RIGHT: REAL CONTACT ROUTES *\/\n.hk-about-final-v9 .hk-final-actions {\n  padding: clamp(24px, 3vw, 32px);\n  border: 1px solid rgba(255, 255, 255, .75);\n  border-radius: 16px;\n  background: rgba(255, 255, 255, .97);\n  box-shadow: 0 18px 48px rgba(4, 18, 34, .2);\n}\n\n.hk-about-final-v9 .hk-final-actions > small {\n  display: block;\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n\n.hk-about-final-v9 .hk-final-actions h3 {\n  margin: 12px 0 9px;\n  color: var(--hk-navy);\n  font-size: 24px;\n  line-height: 1.25;\n  letter-spacing: -.02em;\n}\n\n.hk-about-final-v9 .hk-final-actions > p {\n  margin-bottom: 22px;\n  color: var(--hk-muted);\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.hk-about-final-v9 .hk-final-links {\n  display: grid;\n  gap: 10px;\n}\n\n.hk-about-final-v9 .hk-final-link {\n  display: flex;\n  min-height: 58px;\n  padding: 14px 17px;\n  gap: 14px;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid #cddae5;\n  border-radius: 8px;\n  background: var(--hk-white);\n  color: var(--hk-navy);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.35;\n  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;\n}\n\n.hk-about-final-v9 .hk-final-link-copy {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n\n.hk-about-final-v9 .hk-final-link-copy small {\n  color: var(--hk-blue);\n  font: 700 9px\/1.3 var(--hk-mono);\n  letter-spacing: .12em;\n}\n\n.hk-about-final-v9 .hk-final-link-copy strong {\n  color: inherit;\n  font-size: 14px;\n  line-height: 1.35;\n}\n\n.hk-about-final-v9 .hk-final-link-primary {\n  border-color: #c94f2f;\n  background: #c94f2f;\n  color: var(--hk-white);\n}\n\n.hk-about-final-v9 .hk-final-link-primary .hk-final-link-copy small {\n  color: var(--hk-white);\n}\n\n.hk-about-final-v9 .hk-final-link-whatsapp {\n  background: #f4f8fb;\n}\n\n.hk-about-final-v9 .hk-final-arrow {\n  flex: 0 0 auto;\n  font-size: 20px;\n  font-weight: 400;\n  line-height: 1;\n}\n\n.hk-about-final-v9 .hk-final-email {\n  display: flex;\n  margin-top: 19px;\n  padding-top: 17px;\n  gap: 12px;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-navy);\n  font-size: 13px;\n  font-weight: 700;\n  overflow-wrap: anywhere;\n}\n\n\/* WHAT HAPPENS NEXT *\/\n.hk-about-final-v9 .hk-final-next {\n  margin-top: clamp(32px, 4.5vw, 48px);\n  padding-top: clamp(24px, 3vw, 32px);\n  border-top: 1px solid rgba(132, 202, 255, .2);\n}\n\n.hk-about-final-v9 .hk-final-next > h3 {\n  display: block;\n  margin-bottom: 14px;\n  color: var(--hk-sky);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n\n.hk-about-final-v9 .hk-final-next ol {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  border: 1px solid rgba(132, 202, 255, .2);\n  border-radius: 13px;\n  list-style: none;\n  overflow: hidden;\n  counter-reset: hk-final-step;\n}\n\n.hk-about-final-v9 .hk-final-next li {\n  display: grid;\n  min-height: 88px;\n  padding: 19px 22px;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 12px;\n  align-items: center;\n  border-right: 1px solid rgba(132, 202, 255, .18);\n  background: rgba(255, 255, 255, .035);\n  color: #dce5ee;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1.45;\n}\n\n.hk-about-final-v9 .hk-final-next li:last-child {\n  border-right: 0;\n}\n\n.hk-about-final-v9 .hk-final-next li::before {\n  display: grid;\n  width: 32px;\n  height: 32px;\n  place-items: center;\n  border: 1px solid rgba(132, 202, 255, .3);\n  border-radius: 8px;\n  color: var(--hk-sky);\n  content: \"0\" counter(hk-final-step);\n  counter-increment: hk-final-step;\n  font: 700 10px\/1 var(--hk-mono);\n}\n\n@media (hover: hover) {\n  .hk-about-final-v9 .hk-final-link:hover {\n    border-color: var(--hk-blue);\n    background: #edf6fd;\n    transform: translateY(-2px);\n  }\n\n  .hk-about-final-v9 .hk-final-link-primary:hover {\n    border-color: #b9472b;\n    background: #b9472b;\n  }\n}\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n  .hk-about-final-v9 .hk-final-main {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .hk-about-final-v9 .hk-final-actions {\n    width: 100%;\n  }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-final-v9 .hk-final-section {\n    padding: 0;\n  }\n\n  .hk-about-final-v9 .hk-final-shell {\n    width: calc(100% - 32px);\n  }\n\n  .hk-about-final-v9 .hk-final-card {\n    padding: 52px 0 48px;\n  }\n\n  .hk-about-final-v9 .hk-final-main {\n    gap: 30px;\n  }\n\n  .hk-about-final-v9 .hk-final-tag {\n    margin-bottom: 19px;\n  }\n\n  .hk-about-final-v9 .hk-final-tag span {\n    width: 40px;\n    height: 40px;\n  }\n\n  .hk-about-final-v9 .hk-final-copy h2 {\n    font-size: clamp(34px, 10vw, 43px);\n  }\n\n  .hk-about-final-v9 .hk-final-intro {\n    margin: 20px 0 26px;\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .hk-about-final-v9 .hk-final-inputs {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  .hk-about-final-v9 .hk-final-inputs li {\n    min-height: 48px;\n  }\n\n  .hk-about-final-v9 .hk-final-actions {\n    padding: 23px 17px;\n    border-radius: 13px;\n  }\n\n  .hk-about-final-v9 .hk-final-actions h3 {\n    font-size: 22px;\n  }\n\n  .hk-about-final-v9 .hk-final-link {\n    width: 100%;\n    min-height: 56px;\n  }\n\n  .hk-about-final-v9 .hk-final-next {\n    margin-top: 30px;\n    padding-top: 24px;\n  }\n\n  .hk-about-final-v9 .hk-final-next ol {\n    grid-template-columns: 1fr;\n  }\n\n  .hk-about-final-v9 .hk-final-next li {\n    min-height: 68px;\n    padding: 15px 16px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(132, 202, 255, .18);\n  }\n\n  .hk-about-final-v9 .hk-final-next li:last-child {\n    border-bottom: 0;\n  }\n}\n\n@media (max-width: 390px) {\n  .hk-about-final-v9 .hk-final-shell {\n    width: calc(100% - 24px);\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-final-v9 .hk-final-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<div class=\"hk-about-final-v9\" data-hk-about-section-widget=\"final-contact\">\n  <section class=\"hk-final-section\" id=\"contact\" aria-labelledby=\"hk-final-title\">\n    <div class=\"hk-final-shell\">\n      <div class=\"hk-final-card\">\n        <div class=\"hk-final-main\">\n          <div class=\"hk-final-copy\">\n            <div class=\"hk-final-tag\">\n              <span>09<\/span>\n              <b>START A PROJECT<\/b>\n            <\/div>\n\n            <h2 id=\"hk-final-title\">Start with the cable you want to produce.<\/h2>\n            <p class=\"hk-final-intro\">\n              Share the product, production target and factory conditions. We will begin with the required process and project scope\u2014not a generic machine list.\n            <\/p>\n\n            <span class=\"hk-final-input-label\">HELP US UNDERSTAND YOUR PROJECT<\/span>\n            <ul class=\"hk-final-inputs\">\n              <li><b>01<\/b><span>Cable product and structure<\/span><\/li>\n              <li><b>02<\/b><span>Size range and materials<\/span><\/li>\n              <li><b>03<\/b><span>Target output or line speed<\/span><\/li>\n              <li><b>04<\/b><span>Factory voltage and available space<\/span><\/li>\n              <li><b>05<\/b><span>New factory, expansion or upgrade<\/span><\/li>\n            <\/ul>\n          <\/div>\n\n          <aside class=\"hk-final-actions\" aria-label=\"Direct project contact options\">\n            <small>PROJECT BRIEF \/ START HERE<\/small>\n            <h3>Choose how you want to begin.<\/h3>\n            <p>Use the project form, send a cable drawing or contact Peter directly.<\/p>\n\n            <div class=\"hk-final-links\">\n              <a class=\"hk-final-link hk-final-link-primary\" href=\"https:\/\/hkcablemachine.com\/contact\/\" aria-label=\"Open the HONGKAI contact and project requirements page\">\n                <span class=\"hk-final-link-copy\"><small>PROJECT FORM<\/small><strong>Send Project Requirements<\/strong><\/span>\n                <span class=\"hk-final-arrow\" aria-hidden=\"true\">\u2192<\/span>\n              <\/a>\n\n              <a class=\"hk-final-link\" href=\"https:\/\/hkcablemachine.com\/contact\/\" aria-label=\"Open the contact form and upload a cable drawing\">\n                <span class=\"hk-final-link-copy\"><small>FORM + FILE UPLOAD<\/small><strong>Upload Cable Drawing<\/strong><\/span>\n                <span class=\"hk-final-arrow\" aria-hidden=\"true\">\u2192<\/span>\n              <\/a>\n\n              <a class=\"hk-final-link hk-final-link-whatsapp\" href=\"https:\/\/wa.me\/8618681065860\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n                <span class=\"hk-final-link-copy\"><small>DIRECT CHAT<\/small><strong>WhatsApp Peter<\/strong><\/span>\n                <span class=\"hk-final-arrow\" aria-hidden=\"true\">\u2192<\/span>\n              <\/a>\n            <\/div>\n\n            <a class=\"hk-final-email\" href=\"mailto:peterhe@hkcablemachine.com\">\n              <span>peterhe@hkcablemachine.com<\/span>\n              <span class=\"hk-final-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n          <\/aside>\n        <\/div>\n\n        <div class=\"hk-final-next\" aria-label=\"What happens next\">\n          <h3>WHAT HAPPENS NEXT<\/h3>\n          <ol>\n            <li>Review the cable and production requirement<\/li>\n            <li>Confirm the missing process and configuration inputs<\/li>\n            <li>Define the recommended project route and next discussion<\/li>\n          <\/ol>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/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>Home 00 ABOUT HONGKAI CABLE MACHINERY The Team Behind Your Cable Production Project. HONGKAI integrates core equipment and specialist machinery into complete production lines for fiber optic, LAN, and low-voltage cables. Our project team manages process planning, equipment coordination, delivery, installation, and after-sales support. The right equipment from the right specialists, managed as one complete [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14812,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_angie_page":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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-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-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-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-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-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-gradient":""}},"footnotes":""},"class_list":["post-2629","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/pages\/2629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/comments?post=2629"}],"version-history":[{"count":11,"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/pages\/2629\/revisions"}],"predecessor-version":[{"id":18749,"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/pages\/2629\/revisions\/18749"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/media\/14812"}],"wp:attachment":[{"href":"https:\/\/hkcablemachine.com\/id\/wp-json\/wp\/v2\/media?parent=2629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}