{"id":741,"date":"2026-08-27T09:42:06","date_gmt":"2026-08-27T09:42:06","guid":{"rendered":"https:\/\/hdbelt.com\/design-development\/"},"modified":"2026-09-02T06:35:01","modified_gmt":"2026-09-02T06:35:01","slug":"design-development","status":"publish","type":"page","link":"https:\/\/hdbelt.com\/fr\/design-development\/","title":{"rendered":"Conception et d\u00e9veloppement de ceintures, du concept au cahier des charges de production"},"content":{"rendered":"\n<meta data-hdbelt-deployment=\"site-v1.3\" data-canonical=\"\/design-development\/\">\n<style id=\"hdbelt-wp-page-css\">@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');\n\n    :root{--ink:#111714;--forest:#34463d;--forest-strong:#26362f;--paper:#f4f5f1;--moss:#e4eadf;--signal:#c7d36f;--white:#fff;--line:#c9cec7;--muted:#5d6761;--error:#a4392e;--success:#2f6b4f;--display:\"Newsreader\",Georgia,serif;--sans:\"Manrope\",Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--container:1400px;--faq-container:1200px;--page-gutter:clamp(18px,1.4vw,24px);--section:clamp(72px,9vw,132px)}\n    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px\/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-underline-offset:4px}button{border:0}.skip{position:fixed;z-index:1000;top:8px;left:8px;padding:12px 16px;background:var(--signal);transform:translateY(-150%)}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.container{width:min(100%,var(--container));margin-inline:auto;padding-inline:clamp(22px,5vw,80px)}.section{padding-block:var(--section)}.section.white{background:var(--white)}.section.paper{background:var(--paper)}.section.moss{background:var(--moss)}.section.dark{color:var(--white);background:var(--ink)}.section-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.62fr);gap:clamp(32px,7vw,112px);align-items:end;margin-bottom:clamp(42px,6vw,84px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(56px,4.7vw,68px);line-height:.95}h2{max-width:19ch;margin-bottom:0;font-size:clamp(38px,3.6vw,52px);line-height:1}h3{font-size:clamp(23px,2vw,30px);line-height:1.08}.section-head p{max-width:60ch;margin-bottom:0;color:var(--muted)}.dark .section-head p{color:#cbd3ce}.answer{max-width:68ch;color:var(--muted)}.dark .answer{color:#cbd3ce}.spec{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid var(--ink);border-radius:2px;background:transparent;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}.btn:hover{transform:translateY(-2px)}.btn.dark{color:#fff;background:var(--ink)}.btn.dark:hover{background:var(--forest-strong)}.btn.light{color:var(--ink);background:#fff;border-color:#fff}.btn.outline-light{color:#fff;border-color:#fff}.text-link{display:inline-flex;min-height:44px;align-items:center;gap:10px;font-size:14px;font-weight:700}.text-link svg,.arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.site-header{position:relative;z-index:30;display:grid;grid-template-columns:150px 1fr auto;min-height:96px;align-items:center;gap:32px;padding:16px clamp(22px,5vw,80px);background:#fff;border-bottom:1px solid var(--line)}.brand img{width:100px;height:auto}.nav-list{display:flex;justify-content:center;gap:clamp(18px,2.2vw,36px);margin:0;padding:0;list-style:none}.nav-list a{font-size:14px;font-weight:600;text-decoration:none}.nav-list a:hover{text-decoration:underline}.header-actions{display:flex;gap:10px}.menu-toggle{display:none;width:48px;height:48px;place-items:center;border:1px solid var(--line);background:#fff;cursor:pointer}.menu-toggle svg{width:22px}.hero{position:relative;height:calc(100svh - 96px);min-height:680px;max-height:920px;overflow:hidden;isolation:isolate;background:var(--forest)}.hero::before{content:\"\";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(17,23,20,.42) 0%,rgba(17,23,20,.08) 48%),linear-gradient(90deg,rgba(17,23,20,.82) 0%,rgba(17,23,20,.58) 48%,rgba(17,23,20,.28) 100%)}.hero-media{position:absolute;z-index:0;inset:0;min-height:0;overflow:hidden;background:#dfe3dd}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center center}.video-toggle{position:absolute;z-index:3;top:22px;right:22px;display:grid;width:48px;height:48px;place-items:center;color:#fff;background:rgba(17,23,20,.78);border:1px solid rgba(255,255,255,.58);cursor:pointer}.video-toggle svg{width:18px;fill:currentColor}.hero-copy{position:relative;z-index:2;display:grid;width:100%;height:100%;grid-template-columns:minmax(0,1.18fr) minmax(340px,.62fr);align-items:end;gap:clamp(56px,9vw,150px);padding:clamp(70px,8vw,116px) clamp(28px,5vw,82px);color:#fff}.hero-primary,.hero-secondary{min-width:0}.hero h1{max-width:13ch;margin:0;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.18)}.hero-secondary{max-width:560px;justify-self:end}.hero-lead{max-width:54ch;margin:0;color:#f0f3f0;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-actions .btn:hover{transform:scale(1.04)}.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 0;padding:0;list-style:none;color:#fff;font-size:13px}.hero-facts li{display:flex;min-height:42px;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.48);border-radius:2px;background:rgba(17,23,20,.28)}.hero-facts li:before{content:\"\";width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.fit-cell{display:flex;min-height:390px;flex-direction:column;padding:30px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.fit-cell h3{font-size:24px}.fit-cell p{color:var(--muted);font-size:14px}.fit-cell dl{margin:auto 0 0}.fit-cell dt{margin-top:16px;font-size:13px;font-weight:700;text-transform:uppercase}.fit-cell dd{margin:3px 0 0;color:var(--muted);font-size:13px}.not-fit{margin:26px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.network{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(38px,7vw,100px)}.network-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}.network-map figure{position:relative;margin:0;min-height:280px;overflow:hidden;background:#dfe3dd}.network-map figure:first-child{grid-column:1\/-1}.network-map img{width:100%;height:100%;min-height:280px;object-fit:cover}.network-map figcaption{position:absolute;left:0;bottom:0;padding:10px 14px;color:#fff;background:var(--ink);font-size:13px}.network-list{border-top:1px solid var(--line)}.network-row{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.network-row b{font-size:14px}.network-row h3{margin-bottom:7px;font-size:22px}.network-row p{margin-bottom:0;color:var(--muted);font-size:14px}.boundary{margin-top:24px;padding:22px;border:1px solid var(--line);font-size:14px}.route-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.route-tab{min-height:62px;padding:14px;background:#fff;border-right:1px solid var(--line);font-weight:700;cursor:pointer}.route-tab:last-child{border-right:0}.route-tab[aria-selected=true]{background:var(--signal)}.product-inspector{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);min-height:570px;border:1px solid var(--line);border-top:0;background:#fff}.product-media{display:grid;place-items:center;overflow:hidden;background:#eceee8}.product-media img{width:100%;height:100%;max-height:570px;padding:8%;object-fit:contain;transition:transform .55s var(--ease)}.product-media:hover img{transform:scale(1.035)}.product-copy{display:flex;flex-direction:column;padding:clamp(32px,5vw,70px);border-left:1px solid var(--line)}.product-copy h3{font-size:34px}.product-copy ul{margin:10px 0 28px;padding-left:20px;color:var(--muted)}.product-links{display:grid;margin-top:auto;border-top:1px solid var(--line)}.product-links a{display:flex;min-height:50px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;text-decoration:none}.material-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,88px)}.material-media{position:sticky;top:24px;align-self:start}.material-media img{width:100%;aspect-ratio:4\/5;padding:7%;object-fit:contain;background:#f3f5f0}.matrix{border-top:1px solid #aeb8ad}.matrix details{border-bottom:1px solid #aeb8ad}.matrix summary{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;min-height:72px;cursor:pointer;font-family:var(--display);font-size:22px;list-style:none}.matrix summary::-webkit-details-marker{display:none}.matrix summary span{font-family:var(--sans);font-size:13px;color:var(--muted)}.matrix-body{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px;padding:0 0 28px}.matrix-body div{font-size:14px}.matrix-body b{display:block;font-size:13px;text-transform:uppercase}.matrix-body p{margin:3px 0 0;color:var(--muted)}.cap-table{width:100%;border-collapse:collapse;border-top:1px solid #657069}.cap-table th,.cap-table td{padding:22px 16px;border-bottom:1px solid #657069;text-align:left;vertical-align:top}.cap-table th{font-size:13px;text-transform:uppercase}.cap-table td{color:#cbd3ce;font-size:14px}.cap-table td:first-child{color:#fff;font-family:var(--display);font-size:21px}.mid-action{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:46px;padding:30px;border:1px solid #657069}.mid-action p{margin:0;color:#cbd3ce}.route-compare{border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:180px repeat(4,1fr);border-bottom:1px solid var(--line)}.compare-row>div{padding:18px 16px;border-right:1px solid var(--line);font-size:14px}.compare-row>div:last-child{border-right:0}.compare-row.head{font-size:13px;font-weight:700}.compare-row.head>div:not(:first-child){background:var(--moss)}.decision-path{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.decision-path div{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.decision-path b{display:block;margin-bottom:6px;font-size:14px}.decision-path span{font-size:13px;color:var(--muted)}.journey{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.step{min-height:280px;padding:26px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.step b{font-size:14px}.step h3{margin:44px 0 10px;font-size:21px}.step p{font-size:14px;color:var(--muted)}.step small{display:block;font-size:13px;color:var(--muted)}.quality-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,6vw,90px)}.quality-photos{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.quality-photos img{width:100%;height:100%;min-height:230px;object-fit:cover}.quality-photos img:first-child{grid-row:span 2}.quality-list{border-top:1px solid #657069}.quality-row{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:25px 0;border-bottom:1px solid #657069}.quality-row b{font-size:14px}.quality-row h3{margin-bottom:6px;font-size:22px}.quality-row p{margin-bottom:0;color:#cbd3ce;font-size:14px}.risk-line{grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.risk-line span{padding:8px 10px;border:1px solid #657069;font-size:13px}.evidence-matrix{display:grid;grid-template-columns:1.1fr .9fr;border-top:1px solid var(--line)}.evidence-matrix>div{display:contents}.evidence-matrix b,.evidence-matrix p{margin:0;padding:20px;border-bottom:1px solid var(--line)}.evidence-matrix b{font-size:14px}.evidence-matrix p{border-left:1px solid var(--line);color:var(--muted);font-size:14px}.source-note{margin:28px 0 0;font-size:13px;color:var(--muted)}.source-note a{font-weight:700}.solution-index{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution{min-height:245px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.solution h3{font-size:24px}.solution dl{display:grid;grid-template-columns:90px 1fr;gap:7px 14px;margin:0}.solution dt{font-size:13px;font-weight:700}.solution dd{margin:0;color:var(--muted);font-size:13px}.solution small{display:block;margin-top:18px;color:var(--muted);font-size:13px}.evidence-room{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #657069;border-left:1px solid #657069}.evidence-tier{min-height:420px;padding:30px;border-right:1px solid #657069;border-bottom:1px solid #657069}.evidence-tier h3{font-size:28px}.evidence-tier p,.evidence-tier li{color:#cbd3ce;font-size:14px}.evidence-tier ul{padding-left:18px}.evidence-tier .spec{color:var(--signal)}.faq-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(40px,8vw,120px)}.faq-intro{position:sticky;top:30px;align-self:start}.faq-intro h2{max-width:10ch}.faq-intro p{max-width:46ch;color:var(--muted)}.accordion{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-trigger{display:grid;width:100%;grid-template-columns:1fr 28px;gap:20px;align-items:center;min-height:76px;padding:18px 0;background:transparent;text-align:left;font-weight:600;cursor:pointer}.faq-trigger svg{width:22px;transition:transform .25s}.faq-trigger[aria-expanded=true] svg{transform:rotate(45deg)}.faq-panel{max-width:70ch;padding:0 48px 28px 0;color:var(--muted);font-size:15px}.next-list{border-top:1px solid var(--line)}.next-link{display:grid;grid-template-columns:minmax(220px,.55fr) 1fr auto;gap:28px;align-items:center;min-height:104px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}.next-link strong{font-family:var(--display);font-size:24px;font-weight:500}.next-link span{color:var(--muted);font-size:14px}.next-link:hover strong{text-decoration:underline}.closing{display:grid;grid-template-columns:1fr minmax(280px,.42fr);gap:clamp(38px,8vw,120px);align-items:end;padding:clamp(72px,9vw,130px) clamp(22px,6vw,96px);color:#fff;background:var(--forest-strong)}.closing h2{max-width:16ch}.closing p{max-width:60ch;color:#d0d9d3}.brief-inputs{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.brief-inputs span{padding:8px 10px;border:1px solid #718078;font-size:13px}.closing-actions{display:grid;gap:12px}.site-footer{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:48px;padding:64px clamp(22px,6vw,96px) 34px;color:#d3dad6;background:#101612}.footer-brand img{width:112px;filter:invert(1);opacity:.92}.footer-brand p{max-width:40ch;font-size:14px}.site-footer h3{font-family:var(--sans);font-size:14px;letter-spacing:0}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:8px 0}.site-footer a{font-size:13px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-bottom{grid-column:1\/-1;display:flex;justify-content:space-between;gap:20px;padding-top:28px;border-top:1px solid #354139;font-size:13px}.dialog{width:min(720px,calc(100% - 28px));max-height:90svh;padding:0;border:0;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25)}.dialog::backdrop{background:rgba(17,23,20,.72)}.dialog-head{display:flex;justify-content:space-between;gap:24px;padding:28px 30px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:34px}.dialog-close{width:48px;height:48px;background:#fff;border:1px solid var(--line);cursor:pointer}.rfq-form{padding:28px 30px;overflow:auto}.rfq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1\/-1}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 12px;border:1px solid #8b958e;border-radius:0;background:#fff}.field textarea{min-height:112px;resize:vertical}.form-note{font-size:13px;color:var(--muted)}.dialog-status{min-height:24px;margin:14px 0;color:var(--success);font-size:13px}.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}\n    @media(max-width:1120px){.fit-grid{grid-template-columns:1fr 1fr}.compare-row{grid-template-columns:150px repeat(4,1fr)}.journey{grid-template-columns:1fr 1fr}}\n    @media(max-width:900px){.site-header{min-height:78px;grid-template-columns:1fr auto;padding-block:12px}.header-actions{display:none}.menu-toggle{display:grid}.site-nav{grid-column:1\/-1}.site-nav[hidden]{display:none}.nav-list{display:grid;justify-content:stretch;gap:0;padding-top:12px}.nav-list a{display:block;min-height:48px;padding:12px 0;border-top:1px solid var(--line)}.hero{height:calc(100svh - 78px);min-height:720px;max-height:none}.hero-copy{min-height:720px;grid-template-columns:1fr;align-content:end;gap:30px;padding:86px clamp(28px,6vw,62px) 54px}.hero-primary,.hero-secondary{max-width:740px}.hero-secondary{justify-self:start}.hero h1{max-width:14ch}.section-head,.network,.quality-grid,.material-layout,.faq-layout{grid-template-columns:1fr}.material-media,.faq-intro{position:static}.product-inspector{grid-template-columns:1fr}.product-copy{border-left:0;border-top:1px solid var(--line)}.compare-row{min-width:850px}.compare-scroll{overflow:auto}.decision-path{grid-template-columns:1fr 1fr}.evidence-room{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1\/-1}.closing{grid-template-columns:1fr}}\n    @media(max-width:767px){body{font-size:16px}.site-header{padding-inline:18px}.brand img{width:84px}.hero{height:calc(100svh - 78px);min-height:700px}.hero::before{background:linear-gradient(0deg,rgba(17,23,20,.76) 0%,rgba(17,23,20,.32) 70%),rgba(17,23,20,.18)}.hero-media video{object-position:center center}.hero-copy{min-height:700px;gap:24px;padding:96px 22px 38px}.hero h1{max-width:12ch;font-size:40px;line-height:1}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn,.hero-actions .text-link{width:100%}.hero-facts{display:grid;grid-template-columns:1fr;gap:7px;margin-top:24px}.hero-facts li{min-height:38px}.video-toggle{top:14px;right:14px}.section{padding-inline:0}.container{padding-inline:18px}h2{font-size:32px;line-height:1.05}.section-head{margin-bottom:38px}.fit-grid,.network-map,.route-tabs,.matrix-body,.decision-path,.journey,.solution-index{grid-template-columns:1fr}.network-map figure:first-child{grid-column:auto}.route-tab{border-right:0;border-bottom:1px solid var(--line)}.route-tab:last-child{border-bottom:0}.product-copy{padding:34px 22px}.product-copy h3{font-size:28px}.cap-table{min-width:720px}.table-scroll{overflow:auto}.mid-action{grid-template-columns:1fr}.quality-photos{grid-template-columns:1fr 1fr}.quality-photos img:first-child{grid-column:1\/-1;grid-row:auto}.evidence-matrix{grid-template-columns:1fr}.evidence-matrix>div{display:block;border-bottom:1px solid var(--line)}.evidence-matrix b,.evidence-matrix p{display:block;border:0}.evidence-matrix p{padding-top:0}.next-link{grid-template-columns:1fr auto}.next-link span{grid-column:1\/-1;grid-row:2}.closing{padding-inline:22px}.closing h2{font-size:34px}.site-footer{padding-inline:22px}.footer-bottom{flex-direction:column}.rfq-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dialog-head,.rfq-form{padding-inline:20px}}\n    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}\n    .field [aria-invalid=\"true\"]{border-color:var(--error);outline:1px solid var(--error)}.dialog-status.error{color:var(--error)}\n    html{overflow-x:clip}.program-band{display:grid;grid-template-columns:minmax(220px,.35fr) 1fr;gap:28px;margin-top:26px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.program-band strong{font-size:14px}.program-band span{color:var(--muted);font-size:14px}.capability-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(48px,7vw,88px);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-strip article{display:flex;min-height:250px;flex-direction:column;padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-strip h3{font-size:22px}.capability-strip p{color:var(--muted);font-size:14px}.capability-strip span{margin-top:auto;color:var(--muted);font-size:13px;font-weight:600}.condensed-action{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:28px;padding:28px;border:1px solid var(--line)}.condensed-action p{max-width:72ch;margin:0;color:var(--muted)}.subsection-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.6fr);gap:clamp(28px,7vw,110px);align-items:end;margin:clamp(64px,9vw,116px) 0 38px;padding-top:36px;border-top:1px solid var(--line)}.subsection-head h3{max-width:18ch;margin:0;font-size:clamp(30px,3vw,42px)}.subsection-head p{margin:0;color:var(--muted)}.assurance-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(64px,8vw,108px);border-top:1px solid #657069;border-left:1px solid #657069}.assurance-column{min-width:0;padding:clamp(28px,4vw,52px);border-right:1px solid #657069;border-bottom:1px solid #657069}.assurance-column>h3{margin-bottom:32px;font-size:30px}.assurance-list,.evidence-access{border-top:1px solid #657069}.assurance-list>div,.evidence-access>div{padding:22px 0;border-bottom:1px solid #657069}.assurance-list b,.evidence-access b{display:block;margin-bottom:6px;font-size:14px}.assurance-list p,.evidence-access span,.evidence-boundary{margin:0;color:#cbd3ce;font-size:14px}.evidence-boundary{margin-top:24px}.condensed-action.on-dark{border-color:#657069}.condensed-action.on-dark p{color:#cbd3ce}\n    @media(max-width:900px){.capability-strip{grid-template-columns:1fr}.subsection-head,.assurance-grid{grid-template-columns:1fr}.condensed-action{grid-template-columns:1fr}}\n    @media(max-width:767px){.program-band{grid-template-columns:1fr;gap:8px}.capability-strip article{min-height:210px}.subsection-head h3{font-size:30px}.assurance-column{padding:28px 20px}}\n    .assurance-sources{color:#cbd3ce}.assurance-sources a{color:#fff}\n    body{overflow-x:hidden}\n    \/* Homepage v1.4 \u2014 audited composition overrides *\/\n    #products{padding-block:clamp(72px,7vw,100px)}\n    .product-browser{border-top:1px solid var(--line)}\n    .product-browser .route-tabs{border-top:0}\n    .product-panel{padding-top:18px}\n    .product-panel[hidden]{display:none}\n    .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}\n    .category-card{position:relative;display:grid;min-width:0;aspect-ratio:4\/5;overflow:hidden;color:#fff;background:#fafbf8;text-decoration:none;isolation:isolate}\n    .category-card::before,.category-card::after{position:absolute;z-index:1;content:\"\";pointer-events:none}\n    .category-card::before{inset:32% 0 0;height:auto;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 24%,rgba(0,0,0,.66) 100%);transition:opacity .3s var(--ease)}\n    .category-card::after{inset:auto 0 0;height:80px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.25) 100%);transform:translateY(101%);transition:transform .36s var(--ease)}\n    .category-card-media{position:absolute;z-index:0;inset:0;background:#fafbf8;overflow:hidden}\n    .category-card img{width:100%;height:100%;padding:5%;object-fit:contain;transition:transform .5s var(--ease)}\n    .category-card-copy{position:relative;z-index:2;align-self:end;display:grid;min-height:66%;align-content:end;padding:24px 22px;background:transparent;transition:transform .36s var(--ease)}\n    .category-card-no{font-size:13px;font-weight:700;letter-spacing:.08em;text-shadow:0 2px 7px rgba(0,0,0,.95)}\n    .category-card h3{margin:10px 0 0;font-size:clamp(22px,1.65vw,27px);line-height:1.08;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.95)}\n    .category-card p{max-height:120px;margin:14px 0 0;overflow:hidden;color:#dce3de;font-size:14px;line-height:1.55;opacity:1;transform:none}\n    .category-card-action{display:flex;width:max-content;min-height:48px;max-height:48px;margin-top:18px;padding:0 20px;align-items:center;border:1px solid rgba(255,255,255,.72);overflow:hidden;color:#fff;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:1;transform:none;transition:background-color .25s,color .25s,transform .25s var(--ease)}\n    .category-card:hover img,.category-card:focus-visible img{transform:scale(1.035)}\n    .category-card:hover::after,.category-card:focus-visible::after{transform:none}\n    .category-card:hover .category-card-copy,.category-card:focus-visible .category-card-copy{transform:translateY(-4px)}\n    .category-card:hover .category-card-action,.category-card:focus-visible .category-card-action{color:var(--ink);background:#fff;transform:translateY(-1px)}\n    .network-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(32px,6vw,88px);align-items:stretch}\n    .network-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;aspect-ratio:4\/3}\n    .network-figure{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;background:#dfe3dd}\n    .network-figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}\n    .network-figure:hover img{transform:scale(1.025)}\n    .network-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;color:#fff;background:rgba(17,23,20,.92);font-size:13px}\n    .network-bases{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}\n    .network-base{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-content:center;padding:18px 0;border-bottom:1px solid var(--line)}\n    .network-base-no{font-size:14px;font-weight:700}\n    .network-base h3{margin-bottom:7px;font-size:22px}\n    .network-base p{margin:0;color:var(--muted);font-size:14px}\n    .capability-strip.capability-four{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(34px,4vw,52px);background:var(--line);gap:1px;border:1px solid var(--line)}\n    .capability-strip.capability-four article{display:grid;grid-template-rows:auto 1fr auto;min-height:205px;background:var(--paper);border:0}\n    .capability-strip.capability-four .capability-action{align-content:start;background:var(--moss)}\n    .capability-action .btn{align-self:end;margin-top:20px}\n    .route-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}\n    .route-card{display:grid;grid-template-rows:auto 1fr auto;min-height:320px;padding:26px 24px;background:var(--paper);border-top:2px solid var(--forest)}\n    .route-card h3{margin-bottom:20px;font-size:22px}\n    .route-card dl{margin:0}\n    .route-card dl div{padding:12px 0;border-top:1px solid var(--line)}\n    .route-card dt{font-size:13px;font-weight:700;text-transform:uppercase}\n    .route-card dd{margin:4px 0 0;color:var(--muted);font-size:14px}\n    .route-card .text-link{align-self:end;margin-top:18px}\n    .approval-flow{display:flex;gap:16px;margin:0;padding:0 0 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;list-style:none}\n    .approval-step{display:flex;flex:0 0 min(24%,270px);min-height:220px;flex-direction:column;padding:20px;border:1px solid var(--line);border-top:2px solid var(--forest);scroll-snap-align:start}\n    .approval-step .step-no{font-size:14px;font-weight:700}\n    .approval-step h3{margin:30px 0 9px;font-size:21px}\n    .approval-step p{color:var(--muted);font-size:14px}\n    .approval-step small{margin-top:auto;color:var(--muted);font-size:13px}\n    .evidence-system{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(32px,6vw,88px);margin-top:clamp(42px,5vw,64px)}\n    .evidence-system h3{font-size:30px}\n    .claim-list,.access-levels{display:flex;gap:12px;margin:0;padding:0 0 6px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;list-style:none}\n    .claim-card,.access-card{flex:0 0 min(78%,280px);min-height:190px;padding:20px;background:#18201c;border-top:1px solid #657069;scroll-snap-align:start}\n    .claim-card b,.access-card b{display:block;margin-bottom:7px;font-size:14px}\n    .claim-card p,.access-card p{margin:0;color:#cbd3ce;font-size:14px}\n    .access-card{display:grid;grid-template-columns:42px 1fr;gap:14px}\n    .access-card .access-no{color:var(--signal);font-size:13px;font-weight:700}\n    .buyer-compact{padding-block:clamp(64px,7vw,92px)}\n    .buyer-compact .section-head{margin-bottom:36px}\n    .buyer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}\n    .buyer-card{min-height:190px;padding:25px 22px;background:#fff}\n    .buyer-card h3{font-size:22px}\n    .buyer-card p{margin:0;color:var(--muted);font-size:14px}\n    .buyer-scope{margin:20px 0 0;color:var(--muted);font-size:13px}\n    @media(max-width:1100px){.category-grid,.capability-strip.capability-four,.route-card-grid,.buyer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n    @media(max-width:900px){.network-layout,.evidence-system{grid-template-columns:1fr}.network-gallery{min-height:0}.network-bases{grid-template-rows:none}.network-base{min-height:96px}}\n    @media(max-width:767px){.route-tabs{grid-template-columns:1fr}.product-panel{padding-top:12px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card-grid,.capability-strip.capability-four,.claim-list,.access-levels{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;background:transparent;border:0;padding-bottom:6px}.route-card,.capability-strip.capability-four article,.claim-card,.access-card{flex:0 0 min(84vw,320px);scroll-snap-align:start}.approval-flow{gap:12px}.approval-step{flex-basis:min(84vw,300px);min-height:215px}.buyer-grid{grid-template-columns:1fr}.category-card{aspect-ratio:3\/4}.category-card::before{opacity:0}.category-card::after{inset:32% 0 0;height:auto;background:rgba(0,0,0,.72);transform:none}.category-card-copy{min-height:68%;padding:14px}.category-card h3{font-size:18px}.category-card p{display:-webkit-box;max-height:64px;margin-top:8px;overflow:hidden;font-size:13px;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:3;opacity:1;transform:none}.category-card-action{min-height:40px;max-height:40px;margin-top:10px;padding-inline:12px;border-width:1px;font-size:11px;opacity:1;transform:none}.network-gallery{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0;aspect-ratio:4\/3}.network-figure{aspect-ratio:auto}.capability-strip.capability-four article{min-height:230px}.route-card{min-height:280px}.quality-photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.quality-photos img,.quality-photos img:first-child{flex:0 0 min(78vw,300px);width:min(78vw,300px);min-height:220px;aspect-ratio:4\/3;scroll-snap-align:start}.claim-list,.access-levels{gap:12px}.claim-card,.access-card{min-height:210px}.evidence-system{gap:36px}.buyer-card{min-height:0}}\n    @media(max-width:767px){#quality .quality-list{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;border-top:0;padding-bottom:6px}#quality .quality-row{flex:0 0 min(84vw,300px);grid-template-columns:36px 1fr;align-content:start;min-height:220px;padding:20px;border-top:1px solid #657069;border-left:1px solid #657069;scroll-snap-align:start}#quality .risk-line{display:flex;grid-column:auto;flex-wrap:nowrap;margin-top:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:6px}#quality .risk-line span{flex:0 0 auto;scroll-snap-align:start}}\n    button.text-link{padding:0;background:transparent;text-align:left;cursor:pointer}\n    .faq-trigger{grid-template-columns:1fr 44px;min-height:92px}\n    @media(hover:none){.category-card::before{opacity:0}.category-card::after{inset:34% 0 0;height:auto;background:rgba(0,0,0,.72);transform:none}.category-card-copy{min-height:66%;padding:24px}.category-card p{max-height:120px;margin-top:10px;opacity:1;transform:none}.category-card-action{min-height:48px;max-height:48px;margin-top:16px;border-width:1px;opacity:1;transform:none}}\n    \/* Homepage v1.5 \u2014 hero trust system and brand proof *\/\n    @media(min-width:901px){.site-header{height:96px;min-height:96px;padding-block:7px}.brand img{width:92px}}\n    .hero-copy{display:flex;align-items:center;padding:clamp(54px,6vw,84px) clamp(28px,5vw,82px)}\n    .hero-content{width:min(760px,100%)}\n    .hero h1{max-width:12ch}\n    .hero-lead{max-width:62ch;margin:24px 0 0}\n    .hero-actions{margin-top:26px}\n    .hero-credentials{max-width:760px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.45)}\n    .hero-credential-logos{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none}\n    .hero-credential-logos li{display:flex;width:auto;height:54px;align-items:center;padding:0;background:transparent;border:0}\n    .hero-credential-logos img{width:auto;height:54px;object-fit:contain}\n    .brand-proof{min-height:96px;overflow:hidden;background:transparent}\n    .brand-proof-inner{display:grid;width:min(calc(100% - var(--page-gutter) - var(--page-gutter)),var(--container));min-height:96px;grid-template-columns:2fr 8fr;margin-inline:auto;overflow:hidden}\n    .brand-trust{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(18px,2.5vw,44px)}\n    .brand-trust-text{margin:0;font-size:13px;font-weight:800;letter-spacing:.14em;white-space:nowrap}\n    .brand-motion{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;padding:0;background:transparent;border:1px solid var(--line);cursor:pointer}\n    .brand-motion svg{width:17px;height:17px;fill:currentColor}\n    .brand-marquee{min-width:0;overflow:hidden;contain:inline-size}\n    .brand-track{display:flex;width:max-content;max-width:none;min-height:96px;animation:brand-scroll 42s linear infinite;will-change:transform}\n    .brand-proof:hover .brand-track,.brand-proof.is-paused .brand-track{animation-play-state:paused}\n    .brand-list{display:flex;flex:0 0 auto;margin:0;padding:0;list-style:none}\n    .brand-list li{display:grid;width:180px;height:96px;place-items:center;padding:14px 24px;background:transparent}\n    .brand-list img{width:100%;height:100%;object-fit:contain;background:transparent}\n    @keyframes brand-scroll{to{transform:translateX(-50%)}}\n    @media(max-width:900px){.site-header{min-height:78px;padding-block:4px}.brand img{width:76px}.hero-copy{display:flex;align-items:center;min-height:720px}.hero-content{max-width:720px}.brand-trust{padding-inline:18px}.brand-list li{width:164px}}\n    @media(max-width:767px){.hero{min-height:720px}.hero-copy{min-height:720px;padding:68px 22px 32px}.hero h1{max-width:11ch}.hero-lead{margin-top:20px}.hero-actions{margin-top:22px}.hero-credentials{margin-top:24px;padding-top:15px}.hero-credential-logos li,.hero-credential-logos img{height:42px}.brand-proof,.brand-track{min-height:100px}.brand-trust{flex-direction:column;justify-content:center;gap:9px;padding:10px 7px}.brand-trust-text{max-width:7ch;font-size:11px;line-height:1.25;text-align:center;white-space:normal}.brand-list li{width:142px;height:100px;padding-inline:16px}}\n    \/* Homepage v1.6 \u2014 unified content widths *\/\n    .container{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)),var(--container));padding-inline:0}\n    .site-header,.hero-copy,.closing,.site-footer{padding-left:max(var(--page-gutter),calc((100vw - var(--container))\/2));padding-right:max(var(--page-gutter),calc((100vw - var(--container))\/2))}\n    .faq-layout{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)),var(--faq-container))}\n    .hero-content{width:50%;max-width:700px}\n    .hero-credentials{max-width:100%}\n    @media(max-width:1100px){.hero-content{width:100%;max-width:720px}}\n    @media(max-width:767px){.container,.faq-layout{padding-inline:0}}\n    @media(prefers-reduced-motion:reduce){.brand-track{animation:none!important;transform:none!important}.brand-marquee{overflow-x:auto}.brand-list[aria-hidden=true]{display:none}}\n    \/* Homepage v1.7 \u2014 centered closing CTA *\/\n    .closing{display:grid;grid-template-columns:1fr;place-items:center;gap:0;padding-block:clamp(72px,6vw,96px);color:#fff;background:var(--forest-strong);text-align:center}\n    .closing-content{display:grid;width:min(100%,1200px);justify-items:center}\n    .closing h2{max-width:none;margin:0 auto;white-space:nowrap}\n    .closing p{max-width:62ch;margin:22px auto 0;color:#d0d9d3}\n    .brief-inputs{display:flex;max-width:none;flex-wrap:nowrap;justify-content:center;gap:8px;margin-top:28px}\n    .closing-actions{display:flex;width:min(100%,340px);justify-content:center;margin-top:34px}\n    .closing-actions .btn{width:100%}\n    @media(max-width:1100px){.closing h2{max-width:17ch;white-space:normal}.brief-inputs{max-width:920px;flex-wrap:wrap}}\n    @media(max-width:767px){.closing{padding-block:72px}.closing-content{width:100%}.closing p{margin-top:18px}.brief-inputs{margin-top:24px}.closing-actions{width:100%;margin-top:30px}.closing-actions .btn{width:100%;min-width:0}}\n    \/* Preserve the source logo aspect ratio in the shared footer. *\/\n    .footer-brand img{height:auto}\n    \/* Homepage v1.8 \u2014 intentional heading line rhythm *\/\n    .hero-title-line,.section-title-line,.faq-title-line{display:block;white-space:nowrap}\n    @media(max-width:767px){.hero-title-line,.section-title-line,.faq-title-line{display:inline;white-space:normal}.hero-title-line:not(:last-child)::after,.section-title-line:not(:last-child)::after,.faq-title-line:not(:last-child)::after{content:\" \"}}\n    \/* Homepage v1.10 \u2014 stronger product-tab state hierarchy *\/\n    #products .route-tabs{--tab-bg:var(--forest-strong);--tab-hover:var(--forest);--tab-active:#111a16;--tab-divider:#657069;--tab-muted:rgba(255,255,255,.68);background:var(--tab-bg);border-color:var(--tab-divider)}\n    #products .route-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--tab-muted);background:var(--tab-bg);border-color:var(--tab-divider);transition:background-color .28s var(--ease),color .28s var(--ease)}\n    #products .route-tab::before{content:\"\";width:8px;height:8px;flex:0 0 8px;border:1px solid currentColor;border-radius:50%;opacity:.7;transform:scale(.78);transition:background-color .28s var(--ease),border-color .28s var(--ease),opacity .28s var(--ease),transform .28s var(--ease)}\n    #products .route-tab::after{content:\"\";position:absolute;right:0;bottom:0;left:0;height:4px;background:#fff;transform:scaleX(0);transform-origin:center;transition:transform .32s var(--ease)}\n    #products .route-tab:hover{color:#fff;background:var(--tab-hover)}\n    #products .route-tab[aria-selected=true]{color:#fff;background:var(--tab-active)}\n    #products .route-tab[aria-selected=true]::before{background:#fff;border-color:#fff;opacity:1;transform:scale(1)}\n    #products .route-tab[aria-selected=true]::after{transform:scaleX(1)}\n  \n\/* Inner-page additions. Homepage.html remains the source for shared tokens and components. *\/\n.inner-page{--product-media-bg:#fff;background:var(--paper)}\n.inner-page main{overflow:clip}\n.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n.inner-hero{position:relative;overflow:hidden;background:var(--forest);color:var(--white);border-bottom:1px solid rgba(255,255,255,.2)}\n.inner-hero::before{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(17,23,20,.14),transparent 58%)}\n.inner-hero .container{position:relative;z-index:1}\n.inner-hero-grid{display:grid;min-height:670px;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:clamp(48px,7vw,108px);align-items:center;padding-block:clamp(72px,8vw,116px)}\n.inner-hero-copy{min-width:0}\n.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 26px;padding:0;list-style:none;color:#d0d9d3;font-size:13px}\n.breadcrumbs li:not(:last-child)::after{content:\"\/\";margin-left:8px;color:#89958e}\n.breadcrumbs a{text-decoration:none}\n.breadcrumbs a:hover{text-decoration:underline}\n.inner-hero h1{max-width:20ch;margin:0;color:var(--white);font-size:clamp(56px,4.5vw,64px);line-height:.98;text-wrap:balance}\n.inner-hero-lead{max-width:62ch;margin:28px 0 0;color:#e0e7e2;font-size:17px}\n.inner-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}\n.hero-proof-list{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none}\n.hero-proof-list li{padding:8px 11px;border:1px solid #718078;font-size:13px}\n.inner-hero-media{position:relative;display:grid;min-height:480px;place-items:center;margin:0;background:#fff;overflow:hidden}\n.inner-hero-media::before{content:\"\";position:absolute;inset:22px;border:1px solid rgba(52,70,61,.28);pointer-events:none}\n.inner-hero-media img{width:100%;height:100%;max-height:590px;padding:7%;object-fit:contain;transition:transform .6s var(--ease)}\n.inner-hero-media:hover img{transform:scale(1.035)}\n.inner-hero.is-service{background:var(--ink)}\n.inner-hero.is-solution{background:#2e4138}\n.inner-hero.is-trust{background:#1c2822}\n.inner-hero.is-resource{color:var(--ink);background:var(--moss)}\n.inner-hero.is-resource h1{color:var(--ink)}\n.inner-hero.is-resource .inner-hero-lead,.inner-hero.is-resource .breadcrumbs{color:#47534c}\n.inner-hero.is-resource .hero-proof-list li{border-color:#aeb8ad}\n.inner-hero.is-resource .btn.outline-light{color:var(--ink);border-color:var(--ink)}\n.page-section{position:relative;padding-block:clamp(56px,5vw,72px)}\n.inner-page .page-section .section-head{margin-bottom:clamp(30px,3.5vw,48px)}\n.section-layout-product-gallery{padding-block:56px}\n.section-layout-visual-brief{padding-block:60px}\n.page-section.white{background:var(--white)}\n.page-section.paper{background:var(--paper)}\n.page-section.moss{background:var(--moss)}\n.page-section.dark{color:var(--white);background:var(--ink)}\n.page-section.forest{color:var(--white);background:var(--forest)}\n.section-intro{max-width:68ch;color:var(--muted)}\n.dark .section-intro,.forest .section-intro{color:#cbd3ce}\n.content-copy{max-width:70ch}\n.content-copy p{color:var(--muted)}\n.dark .content-copy p,.forest .content-copy p{color:#cbd3ce}\n.content-copy p:last-child{margin-bottom:0}\n.inline-action{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}\n.dark .inline-action,.forest .inline-action{border-color:#657069}\n.inline-action p{max-width:56ch;margin:0;color:var(--muted);font-size:14px}\n.inline-action .btn{margin-left:auto}\n.dark .inline-action p,.forest .inline-action p{color:#cbd3ce}\n\n\/* A: asymmetric editorial split *\/\n.layout-split{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(42px,8vw,126px);align-items:start}\n.layout-split.is-reversed{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}\n.layout-split.is-reversed .split-heading{grid-column:2}\n.layout-split.is-reversed .split-body{grid-column:1;grid-row:1}\n.split-heading{position:sticky;top:28px}\n.split-heading h2{max-width:12ch}\n.split-body{display:grid;gap:30px}\n.split-lead{font-family:var(--display);font-size:clamp(24px,2.3vw,32px);line-height:1.18;letter-spacing:-.02em}\n.split-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}\n.split-point{min-height:190px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}\n.split-point b{display:block;margin-bottom:10px;font-size:14px}\n.split-point p{margin:0;color:var(--muted);font-size:14px}\n\n\/* B: flat decision grid, supports uneven spans *\/\n.editorial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}\n.editorial-card{display:flex;min-height:220px;flex-direction:column;padding:22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}\n.editorial-grid>a.editorial-card{text-decoration:none;transition:color .22s var(--ease),background .22s var(--ease)}\n.editorial-grid>a.editorial-card:hover{color:var(--white);background:var(--forest)}\n.editorial-grid>a.editorial-card:hover p,.editorial-grid>a.editorial-card:hover small{color:#dce4df}\n.editorial-card.wide,.editorial-card.half{grid-column:span 2}\n.editorial-card h3{font-size:21px}\n.editorial-card p{color:var(--muted);font-size:14px}\n.editorial-card small{display:block;margin-top:auto;padding-top:28px;color:var(--muted);font-size:13px}\n.dark .editorial-grid,.forest .editorial-grid{border-color:#657069}\n.dark .editorial-card,.forest .editorial-card{border-color:#657069}\n.dark .editorial-card p,.dark .editorial-card small,.forest .editorial-card p,.forest .editorial-card small{color:#cbd3ce}\n\n\/* C: numbered evidence rail *\/\n.evidence-rail{border-top:1px solid currentColor}\n.evidence-row{display:grid;grid-template-columns:64px minmax(190px,.55fr) minmax(0,1.1fr) auto;gap:24px;align-items:start;padding:26px 0;border-bottom:1px solid currentColor}\n.evidence-row>span{font-size:14px;font-weight:700}\n.evidence-row h3{margin:0;font-size:22px}\n.evidence-row h3 a{text-underline-offset:5px;text-decoration-thickness:1px}\n.evidence-row p{max-width:68ch;margin:0;color:var(--muted);font-size:14px}\n.dark .evidence-rail,.forest .evidence-rail{color:#657069}\n.dark .evidence-row>span,.dark .evidence-row h3,.forest .evidence-row>span,.forest .evidence-row h3{color:var(--white)}\n.dark .evidence-row p,.forest .evidence-row p{color:#cbd3ce}\n.evidence-row small{padding:5px 8px;border:1px solid currentColor;color:var(--muted);font-size:13px;white-space:nowrap}\n\n\/* D: process with documented outputs *\/\n.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}\n.process-step{display:flex;min-height:300px;flex-direction:column;padding:25px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}\n.process-step .step-number{font-size:14px;font-weight:700}\n.process-step h3{margin:46px 0 10px;font-size:21px}\n.process-step p{color:var(--muted);font-size:14px}\n.process-step small{display:block;margin-top:auto;color:var(--muted);font-size:13px}\n.dark .process-grid,.dark .process-step,.forest .process-grid,.forest .process-step{border-color:#657069}\n.dark .process-step p,.dark .process-step small,.forest .process-step p,.forest .process-step small{color:#cbd3ce}\n\n\/* E: compact media and decision specification *\/\n.media-spec-shell .section-head h2{max-width:18ch}\n.media-spec{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);align-items:start;border:1px solid var(--line);background:var(--white)}\n.media-spec-visual{position:relative;display:grid;min-height:0;aspect-ratio:4\/3;grid-template-rows:minmax(0,1fr) auto;place-items:stretch;align-self:start;overflow:hidden;background:var(--product-media-bg)}\n.media-spec-visual img{width:100%;height:100%;min-height:0;padding:6%;object-fit:contain;object-position:center;background:var(--product-media-bg);transition:transform .55s var(--ease)}\n.media-spec-visual:hover img{transform:scale(1.035)}\n.media-spec-visual figcaption{position:static;padding:10px 14px;color:#fff;background:rgba(17,23,20,.92);font-size:13px}\n.media-spec-body{display:flex;min-width:0;flex-direction:column;padding:24px;border-left:1px solid var(--line)}\n.spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}\n.spec-item{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}\n.spec-item summary{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:10px;align-items:center;min-height:62px;padding:12px;cursor:pointer;list-style:none}\n.spec-item summary::-webkit-details-marker{display:none}\n.spec-item summary span{font-size:13px;font-weight:700;line-height:1.3}\n.spec-item summary svg:last-child{width:18px;transition:transform .24s var(--ease)}\n.spec-item[open] summary svg:last-child{transform:rotate(45deg)}\n.spec-item>div{padding:0 12px 14px 46px}\n.spec-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}\n.spec-item small{display:block;margin-top:8px;color:var(--muted);font-size:12px;font-weight:700}\n.media-spec-body>.supporting-context{margin-top:14px}\n.media-spec-footer{margin-top:14px}\n.media-spec-footer .inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-top:14px;padding-top:14px}\n\n\/* F: image evidence mosaic *\/\n.media-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}\n.media-tile{position:relative;display:grid;min-width:0;aspect-ratio:3\/2;grid-template-rows:minmax(0,1fr) auto;place-items:stretch;margin:0;overflow:hidden;background:var(--product-media-bg)}\n.media-tile.large,.media-tile.tall{grid-column:auto;grid-row:auto}\n.media-tile img{width:100%;height:100%;min-height:0;padding:clamp(12px,2.5vw,28px);object-fit:contain;object-position:center;background:var(--product-media-bg);transition:transform .55s var(--ease)}\n.media-tile:hover img{transform:scale(1.025)}\n.media-tile figcaption{position:static;padding:10px 14px;color:#fff;background:rgba(17,23,20,.92);font-size:13px}\n\n\/* G: risks and controls *\/\n.risk-system{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(42px,7vw,104px)}\n.risk-system h2{max-width:11ch}\n.risk-list{counter-reset:risk;border-top:1px solid var(--line)}\n.risk-item{counter-increment:risk;display:grid;grid-template-columns:46px minmax(170px,.55fr) minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}\n.risk-item::before{content:counter(risk,decimal-leading-zero);font-size:14px;font-weight:700}\n.risk-item h3{margin:0;font-size:21px}\n.risk-item p{margin:0;color:var(--muted);font-size:14px}\n\n\/* H: comparison table only when exact mapping benefits the buyer *\/\n.comparison-scroll{overflow:auto;border-top:1px solid var(--line)}\n.comparison-table{width:100%;min-width:760px;border-collapse:collapse}\n.comparison-table th,.comparison-table td{padding:18px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}\n.comparison-table th{font-size:13px;text-transform:uppercase}\n.comparison-table thead th{background:var(--moss)}\n.comparison-table td:first-child{font-family:var(--display);font-size:20px}\n.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}\n\n\/* I: definition and disclosure stack *\/\n.detail-stack{border-top:1px solid var(--line)}\n.detail-stack details{border-bottom:1px solid var(--line)}\n.detail-stack summary{display:grid;grid-template-columns:54px minmax(180px,.5fr) minmax(0,1fr) 28px;gap:20px;align-items:center;min-height:90px;padding:16px 0;cursor:pointer;list-style:none}\n.detail-stack summary::-webkit-details-marker{display:none}\n.detail-stack summary b{font-family:var(--display);font-size:22px;font-weight:500}\n.detail-stack summary span{color:var(--muted);font-size:14px}\n.detail-stack summary svg{width:22px;transition:transform .25s var(--ease)}\n.detail-stack details[open] summary svg{transform:rotate(45deg)}\n.detail-body{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(0,1fr);gap:20px;padding:0 48px 28px 74px}\n.detail-body p{margin:0;color:var(--muted);font-size:14px}\n\n\/* J: source and document band *\/\n.document-band{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(38px,7vw,100px);align-items:start}\n.document-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid currentColor;border-left:1px solid currentColor}\n.document-item{display:flex;min-height:160px;flex-direction:column;padding:20px;border-right:1px solid currentColor;border-bottom:1px solid currentColor}\n.document-item b{font-size:14px}\n.document-item p{margin:10px 0 0;color:inherit;opacity:.78;font-size:14px}\n.document-item small{display:block;margin-top:auto;padding-top:20px;font-size:13px;opacity:.72}\n\n\/* K: article reading layout *\/\n.article-layout{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,740px) minmax(180px,.32fr);gap:clamp(28px,5vw,70px);align-items:start}\n.article-aside{position:sticky;top:28px;font-size:13px}\n.article-aside ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}\n.article-aside li{padding:11px 0;border-bottom:1px solid var(--line)}\n.article-body h2{max-width:none;margin:58px 0 20px}\n.article-body h2:first-child{margin-top:0}\n.article-body h3{margin:34px 0 14px;font-size:24px}\n.article-body p,.article-body li{color:var(--muted)}\n.article-subsection{padding-top:1px}\n.article-note{padding:20px;border-top:2px solid var(--forest);background:var(--moss)}\n.article-note b{display:block;margin-bottom:8px;font-size:14px}\n.article-note p{margin:0;font-size:14px}\n.article-compact-grid{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:clamp(30px,5vw,72px);align-items:start}\n.article-context{position:sticky;top:28px}\n.article-context .supporting-context{margin-top:0;border-top:1px solid var(--line)}\n.article-context .supporting-context>div{grid-template-columns:1fr;gap:12px;padding-bottom:18px}\n.article-context .article-note{margin-top:20px}\n.article-detail-stack summary{min-height:78px}\n\n\/* L: Contact-only in-page RFQ. This is intentionally distinct from content-card layouts. *\/\n.contact-form-layout{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:clamp(42px,7vw,104px);align-items:start}\n.contact-form-intro{position:sticky;top:28px}\n.contact-form-intro h2{max-width:11ch}\n.contact-form-intro>p{max-width:58ch;color:var(--muted)}\n.contact-safety-list{display:grid;gap:0;margin:28px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}\n.contact-safety-list li{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}\n.contact-safety-list b{font-size:13px}\n.contact-safety-list span{color:var(--muted);font-size:14px}\n.contact-form-panel{border:1px solid var(--line);background:var(--white)}\n.page-rfq-form{padding:clamp(24px,4vw,52px)}\n.page-rfq-form .field textarea{min-height:168px}\n.consent-field label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;font-weight:500}\n.consent-field input{width:18px;min-height:18px;margin:2px 0 0;padding:0}\n.consent-field span{color:var(--muted);font-size:13px}\n\n\/* M: 404 recovery search over the locked launch-site page index. *\/\n.site-search-layout{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:clamp(42px,7vw,104px);align-items:start}\n.site-search-intro h2{max-width:10ch}\n.site-search-intro>p{max-width:58ch;color:var(--muted)}\n.site-search-tool{padding:clamp(26px,4vw,52px);border:1px solid var(--line);background:var(--white)}\n.site-search-tool>label{display:block;margin-bottom:9px;font-size:13px;font-weight:700}\n.site-search-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}\n.site-search-field input{width:100%;min-height:52px;padding:12px 14px;border:1px solid #8b958e;background:#fff}\n.site-search-status{min-height:24px;margin:12px 0;color:var(--muted);font-size:13px}\n.site-search-results{max-height:420px;overflow:auto;border-top:1px solid var(--line)}\n.site-search-results a,.site-recovery-links a{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none}\n.site-search-results a:hover b,.site-recovery-links a:hover b{text-decoration:underline}\n.site-search-results b,.site-recovery-links b{font-family:var(--display);font-size:20px;font-weight:500}\n.site-search-results span,.site-recovery-links span{color:var(--muted);font-size:13px}\n.site-recovery-links{margin-top:26px;border-top:1px solid var(--line)}\n\n\/* N: complete build-derived HTML sitemap, adapted from the reference card directory. *\/\n.page-sitemap .inner-hero-copy{max-width:980px}.page-sitemap .inner-hero h1{max-width:17ch}\n.section-layout-sitemap-index{padding-block:64px}.sitemap-shell .section-head{margin-bottom:34px}\n.sitemap-toolbar{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:clamp(30px,6vw,86px);align-items:end;margin-bottom:22px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.sitemap-toolbar>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}.sitemap-total{font-family:var(--display);font-size:58px;line-height:.8}.sitemap-toolbar p{margin:0;color:var(--muted);font-size:13px}\n.sitemap-search label{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.sitemap-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.sitemap-search input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #8b958e;background:var(--white)}.sitemap-search>p{min-height:20px;margin-top:7px}\n.sitemap-jumps{display:flex;gap:8px;margin-bottom:28px;padding-bottom:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.sitemap-jumps a{flex:0 0 auto;min-height:42px;padding:10px 13px;border:1px solid var(--line);font-size:13px;font-weight:700;text-decoration:none;scroll-snap-align:start}.sitemap-jumps a:hover,.sitemap-jumps a:focus-visible{color:var(--white);background:var(--forest);border-color:var(--forest)}\n.sitemap-index{columns:4 260px;column-gap:14px}\n.sitemap-group{display:inline-block;width:100%;margin:0 0 14px;padding:22px;background:var(--white);border:1px solid var(--line);break-inside:avoid;scroll-margin-top:24px}\n.sitemap-group[hidden]{display:none}.sitemap-group header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;margin-bottom:16px}.sitemap-group h3{margin:0;font-size:23px}.sitemap-group header>span{align-self:start;padding:4px 7px;color:var(--white);background:var(--forest);font-size:11px;font-weight:700}.sitemap-group header p{grid-column:1\/-1;margin:0;color:var(--muted);font-size:13px;line-height:1.5}\n.sitemap-group ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.sitemap-group li{border-bottom:1px solid var(--line)}.sitemap-group li[hidden]{display:none}\n.sitemap-group a{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:10px;align-items:center;min-height:48px;padding:9px 7px;text-decoration:none;transition:color .2s var(--ease),background .2s var(--ease)}.sitemap-group a:hover,.sitemap-group a:focus-visible{color:var(--white);background:var(--forest)}\n.sitemap-group a>span{display:grid;min-width:0;gap:2px}.sitemap-group b{font-size:13px;line-height:1.35}.sitemap-group small{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sitemap-group a:hover small,.sitemap-group a:focus-visible small{color:#dce4df}.sitemap-group i{font-family:var(--sans);font-size:16px;font-style:normal;text-align:center;transition:transform .2s var(--ease)}.sitemap-group a:hover i{transform:rotate(45deg)}\n\n\/* Pilot visual systems: interaction is used to reveal decision depth, never to hide a critical label. *\/\n.system-icon{width:26px;height:26px;flex:0 0 auto}\n.panel-kicker{margin:0 0 12px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n.panel-meta{margin-top:20px!important;color:var(--muted);font-size:13px!important;font-weight:700}\n.panel-output{display:grid;gap:5px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}\n.selector-panel[hidden]{display:none!important}\n.selector-control{display:flex;min-width:0;gap:13px;align-items:center;padding:17px 18px;border:0;border-bottom:1px solid var(--line);color:inherit;background:transparent;text-align:left;cursor:pointer;transition:color .22s var(--ease),background .22s var(--ease)}\n.selector-control span{font-size:14px;font-weight:700;line-height:1.35}\n.selector-control:hover{background:rgba(73,94,82,.08)}\n.selector-control.is-active{color:var(--white);background:var(--forest)}\n.selector-control:focus-visible,.stage-control:focus-visible{position:relative;z-index:3;outline:3px solid var(--signal);outline-offset:-3px}\n.supporting-context{max-width:900px;margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.supporting-context summary{display:flex;min-height:58px;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:13px;font-weight:700;list-style:none}\n.supporting-context summary::-webkit-details-marker{display:none}\n.supporting-context summary svg{width:20px;transition:transform .24s var(--ease)}\n.supporting-context[open] summary svg{transform:rotate(45deg)}\n.supporting-context>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:0 0 24px}\n.supporting-context p{margin:0;color:var(--muted);font-size:14px}\n.dark .selector-control,.forest .selector-control,.dark .supporting-context,.forest .supporting-context{border-color:#657069}\n.dark .selector-control:hover,.forest .selector-control:hover{background:rgba(255,255,255,.08)}\n.dark .selector-control.is-active,.forest .selector-control.is-active{color:var(--ink);background:var(--signal)}\n.dark .panel-kicker,.dark .panel-meta,.dark .supporting-context p,.forest .panel-kicker,.forest .panel-meta,.forest .supporting-context p{color:#cbd3ce}\n\n\/* Interactive brief map *\/\n.visual-brief{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);min-height:430px;border:1px solid var(--line);background:rgba(255,255,255,.32)}\n.visual-brief-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;border-right:1px solid var(--line)}\n.visual-brief-map .selector-control{min-height:86px;border-right:1px solid var(--line)}\n.visual-brief-detail{display:grid;align-items:stretch}\n.visual-brief-detail .selector-panel{display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:clamp(28px,3.5vw,48px)}\n.visual-brief-detail h3{font-size:clamp(29px,2.5vw,38px)}\n.visual-brief-detail p{color:var(--muted)}\n.dark .visual-brief{border-color:#657069;background:rgba(255,255,255,.03)}\n.dark .visual-brief-map{border-color:#657069}\n.dark .visual-brief-detail p{color:#cbd3ce}\n.compact-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}\n.compact-flow li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:126px;padding:17px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}\n.compact-flow span{font-size:13px;font-weight:700}.compact-flow b{font-size:14px}.compact-flow p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}\n\n\/* Route selector *\/\n.route-selector{border:1px solid var(--line);background:var(--white)}\n.route-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}\n.route-tabs .selector-control{min-height:84px;border-right:1px solid var(--line);border-bottom:0}\n.route-tabs .selector-control:last-child{border-right:0}\n.route-panel-copy{padding:clamp(32px,4vw,58px)}\n.route-panel-copy h3{max-width:18ch;font-size:clamp(31px,3vw,44px)}\n.route-panel-copy>p:not(.panel-kicker):not(.panel-meta){max-width:62ch;color:var(--muted)}\n.route-panels .selector-panel{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)}\n.route-panels .selector-panel:not([hidden]){display:grid}\n.route-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-left:1px solid var(--line)}\n.route-facts div{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}\n.route-facts dt,.decision-facts dt{margin-bottom:9px;font-size:13px;font-weight:700}\n.route-facts dd,.decision-facts dd{margin:0;color:var(--muted);font-size:14px}\n\n\/* Ratchet mechanism lab *\/\n.mechanism-layout{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:clamp(42px,7vw,98px);align-items:start}\n.mechanism-copy{position:sticky;top:28px}\n.mechanism-copy h2{max-width:10ch}\n.mechanism-instruction{margin-top:26px;color:#cbd3ce;font-size:13px;font-weight:700}\n.mechanism-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);border:1px solid #657069;background:#18231d}\n.mechanism-stage{position:relative;grid-column:1\/-1;min-height:380px;max-height:520px;overflow:hidden;background:var(--product-media-bg)}\n.mechanism-stage img{width:100%;height:100%;max-height:540px;padding:5%;object-fit:contain}\n.mechanism-linework{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}\n.mechanism-hotspot{fill:none;stroke:var(--forest);stroke-width:1.5;stroke-dasharray:7 8;opacity:.34;transition:opacity .22s ease,filter .22s ease}\n.mechanism-hotspot circle{fill:var(--white);stroke:var(--forest);stroke-dasharray:none;stroke-width:2;transition:fill .22s ease,stroke-width .22s ease}\n.mechanism-hotspot text{fill:var(--forest);stroke:none;font:700 12px var(--sans);letter-spacing:.07em}\n.mechanism-lab[data-active-index=\"1\"] .hotspot-1,\n.mechanism-lab[data-active-index=\"2\"] .hotspot-2,\n.mechanism-lab[data-active-index=\"3\"] .hotspot-3,\n.mechanism-lab[data-active-index=\"4\"] .hotspot-4{opacity:1;filter:drop-shadow(0 2px 2px rgb(17 31 24 \/ .12))}\n.mechanism-lab[data-active-index=\"1\"] .hotspot-1 circle,\n.mechanism-lab[data-active-index=\"2\"] .hotspot-2 circle,\n.mechanism-lab[data-active-index=\"3\"] .hotspot-3 circle,\n.mechanism-lab[data-active-index=\"4\"] .hotspot-4 circle{fill:var(--signal);stroke-width:3}\n.mechanism-controls{display:grid;border-right:1px solid #657069}\n.mechanism-controls .selector-control{border-color:#657069;color:var(--white)}\n.mechanism-controls .selector-control.is-active{color:var(--ink)}\n.mechanism-panels{display:grid}\n.mechanism-panels .selector-panel{align-self:center;padding:30px}\n.mechanism-panels h3{font-size:25px}\n.mechanism-panels p{color:#cbd3ce;font-size:14px}\n\n\/* Acceptance switcher *\/\n.acceptance-lab{display:grid;grid-template-columns:minmax(260px,.52fr) minmax(0,1.48fr);border:1px solid var(--line)}\n.acceptance-controls{display:grid;border-right:1px solid var(--line)}\n.acceptance-controls .selector-control{min-height:78px}\n.acceptance-readout{display:grid;min-height:440px;background:var(--forest);color:var(--white)}\n.acceptance-panel{grid-template-columns:84px minmax(220px,.65fr) minmax(0,1fr);gap:28px;align-items:center;padding:clamp(34px,5vw,68px)}\n.acceptance-panel:not([hidden]){display:grid}\n.acceptance-symbol{display:grid;width:72px;height:72px;place-items:center;border:1px solid #718078}\n.acceptance-symbol .system-icon{width:34px;height:34px}\n.acceptance-panel h3{font-size:clamp(30px,3vw,42px)}\n.acceptance-panel p{color:#dce4df}\n.acceptance-panel dl{margin:0;border-top:1px solid #657069}\n.acceptance-panel dl div{padding:16px 0;border-bottom:1px solid #657069}\n.acceptance-panel dt{font-size:13px;font-weight:700}\n.acceptance-panel dd{margin:6px 0 0;color:#cbd3ce;font-size:14px}\n\n\/* Material sample library *\/\n.material-library{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--line);background:var(--white)}\n.material-index{display:grid;align-content:stretch;border-right:1px solid var(--line)}\n.material-index .selector-control{min-height:82px}\n.material-panels{display:grid}\n.material-panel{grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);min-height:100%}\n.material-panel:not([hidden]){display:grid}\n.material-sample{position:relative;display:grid;min-height:420px;max-height:520px;place-items:center;margin:0;overflow:hidden;background:var(--product-media-bg)}\n.material-sample img{width:100%;height:100%;max-height:520px;padding:7%;object-fit:contain;transition:transform .5s var(--ease)}\n.material-sample:hover img{transform:scale(1.025)}\n.material-sample figcaption{position:absolute;right:0;bottom:0;left:0;padding:12px 16px;color:var(--white);background:rgba(17,23,20,.84);font-size:13px}\n.material-readout{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,58px);border-left:1px solid var(--line)}\n.material-readout h3{font-size:clamp(30px,3vw,42px)}\n.material-readout>p:not(.panel-kicker):not(.panel-meta){color:var(--muted)}\n\n\/* Priority navigator *\/\n.decision-navigator{display:grid;grid-template-columns:minmax(270px,.54fr) minmax(0,1.46fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.decision-controls{display:grid;border-right:1px solid var(--line)}\n.decision-controls .selector-control{min-height:78px}\n.decision-panels{display:grid}\n.decision-panels .selector-panel{padding:clamp(34px,5vw,68px)}\n.decision-panels h3{font-size:clamp(31px,3vw,44px)}\n.decision-panels>div>p:not(.panel-kicker){max-width:66ch;color:var(--muted)}\n.decision-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}\n.decision-facts div{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}\n\n\/* Stage sequence *\/\n.stage-sequence{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.stage-controls{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);overflow-x:auto;border-bottom:1px solid var(--line)}\n.stage-control{display:grid;min-height:112px;align-content:space-between;gap:14px;padding:18px;border:0;border-right:1px solid var(--line);color:inherit;background:transparent;text-align:left;cursor:pointer;transition:color .22s var(--ease),background .22s var(--ease)}\n.stage-control span{font-size:13px;font-weight:700}\n.stage-control b{font-family:var(--display);font-size:19px;font-weight:500;line-height:1.1}\n.stage-control:hover{background:rgba(73,94,82,.08)}\n.stage-control.is-active{color:var(--white);background:var(--forest)}\n.stage-readout{display:grid;min-height:280px}\n.stage-readout .selector-panel{grid-template-columns:120px minmax(0,760px);gap:36px;align-items:start;padding:clamp(34px,5vw,64px)}\n.stage-readout .selector-panel:not([hidden]){display:grid}\n.stage-number{font-family:var(--display);font-size:76px;line-height:.8;color:var(--forest)}\n.stage-readout h3{font-size:clamp(29px,2.7vw,40px)}\n.stage-readout p{color:var(--muted)}\n.dark .stage-sequence,.forest .stage-sequence,.dark .stage-controls,.forest .stage-controls{border-color:#657069}\n.dark .stage-control,.forest .stage-control{border-color:#657069}\n.dark .stage-control.is-active,.forest .stage-control.is-active{color:var(--ink);background:var(--signal)}\n.dark .stage-number,.forest .stage-number{color:var(--signal)}\n.dark .stage-readout p,.forest .stage-readout p{color:#cbd3ce}\n\n\/* Evidence drawer *\/\n.evidence-viewer{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:clamp(42px,7vw,104px);align-items:start}\n.evidence-viewer-intro{position:sticky;top:28px}\n.evidence-viewer-intro h2{max-width:11ch}\n.evidence-drawers{border-top:1px solid currentColor}\n.evidence-drawers details{border-bottom:1px solid currentColor}\n.evidence-drawers summary{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:18px;align-items:center;min-height:92px;cursor:pointer;list-style:none}\n.evidence-drawers summary::-webkit-details-marker{display:none}\n.evidence-drawers summary small{display:block;margin-bottom:5px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}\n.evidence-drawers summary b{font-family:var(--display);font-size:22px;font-weight:500}\n.evidence-drawers summary>svg:last-child{width:21px;transition:transform .24s var(--ease)}\n.evidence-drawers details[open] summary>svg:last-child{transform:rotate(45deg)}\n.evidence-drawers details>div{padding:0 62px 24px 56px}\n.evidence-drawers details>div p{max-width:68ch;color:var(--muted);font-size:14px}\n.dark .evidence-drawers,.forest .evidence-drawers{color:#657069}\n.dark .evidence-drawers summary,.forest .evidence-drawers summary{color:var(--white)}\n.dark .evidence-drawers summary small,.dark .evidence-drawers details>div p,.forest .evidence-drawers summary small,.forest .evidence-drawers details>div p{color:#cbd3ce}\n\n\/* Product range wall: eight representative products, visible without hover. *\/\n.product-gallery-shell .section-head{margin-bottom:30px}\n.product-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--white)}\n.product-gallery-card{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}\n.product-gallery-open{display:grid;width:100%;height:100%;grid-template-rows:auto 1fr;padding:0;color:var(--ink);background:var(--white);text-align:left;cursor:zoom-in}\n.product-gallery-image{position:relative;display:grid;aspect-ratio:16\/10;place-items:center;overflow:hidden;background:var(--product-media-bg)}\n.product-gallery-image img{position:absolute;z-index:1;inset:8%;width:84%;height:84%;min-width:0;min-height:0;object-fit:contain;object-position:center;filter:none;transform:scale(var(--gallery-product-scale,1));transition:transform .4s var(--ease)}\n.product-gallery-image.is-square-catalog-source img{--gallery-product-scale:1.65}\n.product-gallery-open:hover .product-gallery-image img,.product-gallery-open:focus-visible .product-gallery-image img{transform:translateY(-5px) scale(var(--gallery-product-hover-scale,1.025))}\n.product-gallery-open:hover .product-gallery-image.is-square-catalog-source img,.product-gallery-open:focus-visible .product-gallery-image.is-square-catalog-source img{--gallery-product-hover-scale:1.69}\n.product-gallery-card.is-asset-needed .product-gallery-open{cursor:default}\n.product-gallery-card.is-asset-needed .product-gallery-image{background:var(--product-media-bg)}\n.product-gallery-card.is-asset-needed .product-gallery-placeholder{width:84%;height:84%;object-fit:contain;object-position:center;background:var(--product-media-bg);filter:none;transform:none}\n.product-gallery-card.is-asset-needed .product-gallery-open:hover .product-gallery-placeholder,.product-gallery-card.is-asset-needed .product-gallery-open:focus-visible .product-gallery-placeholder{transform:none}\n.asset-needed-label{position:absolute;z-index:2;right:16px;bottom:16px;padding:8px 10px;border:1px solid rgb(255 255 255 \/ .48);color:var(--white);background:rgb(61 71 60 \/ .92);font-size:11px;font-weight:700;line-height:1;letter-spacing:.11em;text-transform:uppercase}\n.product-gallery-copy{display:grid;align-content:start;gap:7px;min-height:110px;padding:14px 15px 16px;border-top:1px solid var(--line)}\n.product-gallery-copy b{font-family:var(--display);font-size:20px;font-weight:500;line-height:1.12}\n.product-gallery-copy span{color:var(--muted);font-size:13px;line-height:1.5}\n.product-gallery-copy b,.product-gallery-copy span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}\n.product-gallery-copy b{-webkit-line-clamp:2}\n.product-gallery-copy span{-webkit-line-clamp:3}\n\n\/* Shared credential scope: evidence boundaries stay visible. *\/\n.credential-scope{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(42px,7vw,104px);align-items:start}\n.credential-scope-copy h2{max-width:13ch}\n.credential-scope-copy>p{max-width:58ch;color:var(--muted)}\n.credential-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}\n.credential-scope-grid details{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}\n.credential-scope-grid details:first-child{grid-column:1\/-1}\n.credential-scope-grid summary{display:grid;grid-template-columns:120px minmax(0,1fr) 22px;gap:18px;align-items:center;min-height:112px;padding:14px 18px;cursor:pointer;list-style:none}\n.credential-scope-grid summary::-webkit-details-marker{display:none}\n.credential-scope-grid summary>svg{width:21px;transition:transform .24s var(--ease)}\n.credential-scope-grid details[open] summary>svg{transform:rotate(45deg)}\n.credential-logo{display:grid;height:70px;place-items:center;background:#fff}\n.credential-logo img{width:100%;height:100%;padding:8px;object-fit:contain}\n.credential-scope-grid summary b{display:block;font-size:14px}\n.credential-scope-grid summary small{color:var(--muted);font-size:12px}\n.credential-scope-grid details>p{margin:0;padding:0 18px 20px;color:var(--muted);font-size:13px}\n\n\/* Shared brand rail follows the approved homepage 2:8 composition. *\/\n.section-layout-brand-rail{padding-block:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.section-layout-brand-rail .brand-proof-inner{width:min(100%,var(--container));min-height:112px;padding-inline:clamp(22px,5vw,80px);grid-template-columns:2fr 8fr;border:0}\n.section-layout-brand-rail .brand-trust{padding-left:0}\n.brand-trust-note{max-width:25ch;margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.35}\n.section-layout-brand-rail .brand-track,.section-layout-brand-rail .brand-list li{min-height:112px;height:112px}\n\n\/* Product lightbox. *\/\n.gallery-dialog{width:min(1040px,calc(100% - 32px));max-height:92svh;padding:0;border:0;background:#fff;box-shadow:0 24px 70px rgb(0 0 0 \/ .28)}\n.gallery-dialog::backdrop{background:rgb(17 23 20 \/ .76)}\n.gallery-dialog-close{position:absolute;z-index:2;top:14px;right:14px;display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);background:#fff;cursor:pointer}\n.gallery-dialog figure{display:grid;min-height:70svh;place-items:center;margin:0;padding:clamp(28px,5vw,70px);background:var(--product-media-bg)}\n.gallery-dialog img{width:100%;height:100%;max-height:72svh;object-fit:contain;object-position:center;filter:none}\n\n\/* Inner-page FAQ headings may keep their authored three-part rhythm, but must wrap inside the intro column. *\/\n.inner-page .faq-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,5vw,72px)}\n.inner-page .faq-layout>*,.inner-page .faq-intro,.inner-page .accordion{min-width:0}\n.inner-page .faq-intro h2{width:100%;max-width:none;font-size:clamp(34px,3vw,42px);text-wrap:balance}\n.inner-page .faq-title-line{display:block;max-width:100%;white-space:normal}\n.inner-page .faq-trigger{grid-template-columns:minmax(0,1fr) 44px}\n.inner-page .faq-trigger>span{min-width:0;overflow-wrap:break-word}\n\n\/* Product-page cutouts use one white surface; the Belt Straps hero remains an intentional workshop scene. *\/\n.inner-page .inner-hero-media{background:var(--product-media-bg)}\n\n\/* The three pilots keep one shared system while changing the visual subject. *\/\n.page-ratchet-belts .inner-hero{background:#142019}\n[data-reveal]{opacity:1;transform:none;transition:opacity .62s var(--ease),transform .62s var(--ease)}\n[data-reveal].is-visible{opacity:1;transform:none}\n\n\/* Keep the approved single-row closing composition without clipping longer page-specific copy. *\/\n.inner-page .closing h2{width:100%;max-width:1200px;font-size:clamp(36px,3vw,44px)}\n.inner-page .brief-inputs{display:grid;width:100%;max-width:1200px;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch}\n.inner-page .brief-inputs span{display:grid;min-width:0;place-items:center;line-height:1.35}\n\n@media(max-width:1120px){\n  .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}\n  .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-card{grid-column:auto}.editorial-card.wide,.editorial-card.half{grid-column:span 2}\n  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n  .article-layout{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr)}.article-note{grid-column:2}\n  .inner-page .brief-inputs{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}\n  .mechanism-layout{grid-template-columns:minmax(240px,.52fr) minmax(0,1.48fr);gap:42px}\n  .mechanism-lab{grid-template-columns:1fr}.mechanism-controls{grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid #657069}\n  .acceptance-panel{grid-template-columns:70px minmax(0,1fr)}.acceptance-panel dl{grid-column:2}\n  .material-library{grid-template-columns:250px minmax(0,1fr)}.material-panel{grid-template-columns:1fr}.material-sample{min-height:460px}.material-readout{border-left:0;border-top:1px solid var(--line)}\n  .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}\n  .inner-page .faq-layout{grid-template-columns:1fr;gap:40px}.inner-page .faq-intro{position:static}\n  .sitemap-index{columns:3 250px}\n}\n@media(max-width:900px){\n  .inner-hero-grid,.layout-split,.layout-split.is-reversed,.risk-system,.document-band,.contact-form-layout,.site-search-layout{grid-template-columns:1fr}\n  .inner-hero-grid{min-height:0;padding-block:72px}.inner-hero-media{min-height:440px}\n  .layout-split.is-reversed .split-heading,.layout-split.is-reversed .split-body{grid-column:auto;grid-row:auto}\n  .split-heading{position:static}\n  .media-spec{grid-template-columns:1fr}.media-spec-visual{width:100%;max-height:460px}.media-spec-body{border-left:0;border-top:1px solid var(--line)}\n  .evidence-row{grid-template-columns:48px minmax(170px,.55fr) minmax(0,1fr)}.evidence-row small{grid-column:2\/-1;justify-self:start}\n  .media-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.media-tile,.media-tile.large,.media-tile.tall{grid-column:auto;grid-row:auto}\n  .article-layout,.article-compact-grid{grid-template-columns:1fr}.article-aside,.article-context{position:static}.article-note{grid-column:auto}\n  .contact-form-intro{position:static}\n  .visual-brief,.mechanism-layout,.acceptance-lab,.material-library,.decision-navigator,.evidence-viewer,.credential-scope{grid-template-columns:1fr}\n  .visual-brief-map,.acceptance-controls,.material-index,.decision-controls{border-right:0;border-bottom:1px solid var(--line)}\n  .route-panels .selector-panel{grid-template-columns:1fr}.route-facts{border-left:0;border-top:1px solid var(--line)}\n  .mechanism-copy,.evidence-viewer-intro{position:static}\n  .mechanism-lab{grid-template-columns:minmax(0,1fr) minmax(240px,.45fr)}.mechanism-controls{display:grid;grid-template-columns:1fr;border-right:1px solid #657069;border-bottom:0}\n  .acceptance-controls,.decision-controls{grid-template-columns:repeat(2,minmax(0,1fr))}\n  .material-index{grid-template-columns:repeat(3,minmax(0,1fr))}\n  .decision-facts{grid-template-columns:1fr}\n  .sitemap-toolbar{grid-template-columns:1fr;gap:20px}.sitemap-index{columns:2 250px}\n}\n@media(max-width:767px){\n  .inner-hero-grid{gap:36px;padding-block:56px}.inner-hero h1{font-size:40px}.inner-hero-media{min-height:330px}.inner-hero-actions{flex-direction:column}.inner-hero-actions .btn{width:100%}\n  .inner-page .closing h2{font-size:34px}\n  .split-points{grid-template-columns:1fr}\n  .document-list{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;border-left:0;padding-bottom:6px}\n  .document-item{flex:0 0 min(84vw,320px);min-height:230px;border-left:1px solid currentColor;scroll-snap-align:start}\n  .editorial-grid{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;border-left:0;padding-bottom:6px}.editorial-card,.editorial-card.half,.editorial-card.wide{flex:0 0 min(84vw,320px);min-height:230px;border-left:1px solid var(--line);scroll-snap-align:start}\n  .evidence-row{grid-template-columns:38px 1fr}.evidence-row p,.evidence-row small{grid-column:2}\n  .process-grid{grid-template-columns:1fr}.process-step{min-height:240px}\n  .media-mosaic{grid-template-columns:1fr}.media-tile,.media-tile.large,.media-tile.tall{grid-column:auto;grid-row:auto}\n  .risk-list{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;border-top:0;padding-bottom:6px}\n  .risk-item{flex:0 0 min(84vw,320px);grid-template-columns:36px 1fr;align-content:start;min-height:230px;padding:20px;border-top:1px solid var(--line);border-left:1px solid var(--line);scroll-snap-align:start}.risk-item p{grid-column:1\/-1}\n  .detail-stack summary{grid-template-columns:40px 1fr 28px}.detail-stack summary span{grid-column:2}.detail-body{grid-template-columns:1fr;padding:0 0 24px 40px}\n  .inner-page .brief-inputs{grid-template-columns:1fr}\n  .media-spec-visual{max-height:none;aspect-ratio:4\/3}.media-spec-body{padding:16px}.spec-list{grid-template-columns:1fr}.spec-item summary{min-height:58px}.spec-item>div{padding-left:46px}.media-spec-footer .inline-action{grid-template-columns:1fr}.media-spec-footer .inline-action .btn{width:100%;margin-left:0}\n  .article-context .supporting-context:not([open])+.article-note{margin-top:14px}.article-detail-stack summary{grid-template-columns:36px 1fr 24px;min-height:64px}.article-detail-stack summary>span:nth-of-type(2){display:none}.article-detail-stack .detail-body{padding:0 0 20px 36px}\n  .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.product-gallery-copy{min-height:124px;padding:12px}.product-gallery-copy b{font-size:18px}.product-gallery-image{aspect-ratio:1\/1}.asset-needed-label{right:8px;bottom:8px;padding:6px 7px;font-size:9px}\n  .inner-page .faq-intro h2{max-width:100%;font-size:32px}.inner-page .faq-title-line{display:inline;white-space:normal}.inner-page .faq-title-line:not(:last-child)::after{content:\" \"}\n  .credential-scope-grid{grid-template-columns:1fr}.credential-scope-grid details:first-child{grid-column:auto}.credential-scope-grid summary{grid-template-columns:100px minmax(0,1fr) 22px}\n  .section-layout-brand-rail .brand-proof-inner{grid-template-columns:2fr 8fr;padding-inline:18px}.section-layout-brand-rail .brand-trust{padding-right:12px}.brand-trust-note{display:none}\n  .gallery-dialog figure{min-height:62svh;padding:24px}\n  .site-search-field,.site-search-results a,.site-recovery-links a{grid-template-columns:1fr}\n  .page-sitemap .inner-hero-grid{min-height:0;padding-block:56px}.section-layout-sitemap-index{padding-block:52px}.sitemap-shell .section-head{margin-bottom:28px}\n  .sitemap-toolbar{grid-template-columns:1fr;gap:20px}.sitemap-toolbar>div:first-child{grid-template-columns:auto minmax(0,1fr)}.sitemap-search>div{grid-template-columns:1fr}.sitemap-search .btn{width:100%}\n  .sitemap-index{columns:1}.sitemap-group{padding:20px}.sitemap-group a{grid-template-columns:minmax(0,1fr) 22px}.sitemap-group small{font-size:11px}\n  .supporting-context>div{grid-template-columns:1fr;gap:14px}\n  .visual-brief-map{grid-template-columns:1fr 1fr}.visual-brief-map .selector-control{min-height:72px;padding:11px}.visual-brief-map .selector-control span{font-size:13px}.visual-brief-detail .selector-panel{padding:26px 20px}\n  .compact-flow{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;border-left:0;padding-bottom:6px}.compact-flow li{flex:0 0 min(78vw,280px);min-height:138px;border-left:1px solid var(--line);scroll-snap-align:start}\n  .route-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.route-tabs .selector-control{min-width:0;min-height:76px;border-bottom:1px solid var(--line)}.route-panel-copy{padding:30px 22px}.route-facts{grid-template-columns:1fr}\n  .mechanism-lab{grid-template-columns:1fr}.mechanism-stage{min-height:330px}.mechanism-controls{grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid #657069}.mechanism-controls .selector-control{padding:13px}.mechanism-panels .selector-panel{padding:26px 22px}\n  .acceptance-controls,.decision-controls{grid-template-columns:1fr 1fr}.acceptance-controls .selector-control,.decision-controls .selector-control{min-height:70px;padding:12px}.acceptance-readout{min-height:0}.acceptance-panel{grid-template-columns:1fr;padding:30px 22px}.acceptance-panel dl{grid-column:auto}.acceptance-symbol{width:58px;height:58px}\n  .material-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.material-index .selector-control{min-width:0;min-height:78px;padding:12px}.material-index .selector-control span{font-size:13px}.material-panel{grid-template-columns:1fr}.material-sample{min-height:350px}.material-readout{padding:30px 22px}\n  .decision-panels .selector-panel{padding:30px 22px}\n  .stage-controls{grid-auto-columns:minmax(150px,72vw)}.stage-readout .selector-panel{grid-template-columns:1fr;gap:18px;padding:30px 22px}.stage-number{font-size:54px}\n  .evidence-drawers summary{grid-template-columns:32px minmax(0,1fr) 22px;min-height:82px}.evidence-drawers summary b{font-size:20px}.evidence-drawers details>div{padding:0 22px 22px 50px}\n}\n@media(prefers-reduced-motion:reduce){.inner-hero-media img,.media-spec-visual img,.media-tile img,.material-sample img,.product-gallery-image img,.detail-stack summary svg,.supporting-context summary svg,.evidence-drawers summary>svg:last-child,[data-reveal]{transition:none!important}[data-reveal]{opacity:1;transform:none}}\n\n\n.site-header[data-site-shell]{position:fixed;z-index:1000;top:0;right:0;left:0;display:block;width:100%;height:auto;min-height:0;padding:0;background:#fff;border:0;border-bottom:1px solid var(--line);box-shadow:0 8px 22px rgba(16,22,18,.035)}\n.header-topbar{max-height:36px;overflow:hidden;color:#fff;background:#000;transition:max-height .24s cubic-bezier(.16,1,.3,1),opacity .18s ease}.header-topbar-inner{display:flex;width:min(100%,var(--container));height:36px;align-items:center;justify-content:space-between;gap:32px;margin-inline:auto;padding-inline:var(--page-gutter);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.01em}.header-topbar p{margin:0;color:#fff}.header-topbar-contact{display:flex;align-items:center;gap:16px;white-space:nowrap}.header-topbar-contact span{width:1px;height:12px;background:rgba(255,255,255,.28)}.header-topbar a{color:#fff;text-decoration:none}.header-topbar a:hover,.header-topbar a:focus-visible{text-decoration:underline}.header-main{display:grid;grid-template-columns:128px minmax(0,1fr) auto;width:100%;min-height:88px;align-items:center;gap:24px;padding:10px max(var(--page-gutter),calc((100vw - var(--container))\/2));transition:min-height .24s cubic-bezier(.16,1,.3,1),padding .24s cubic-bezier(.16,1,.3,1)}.site-header[data-site-shell].is-compact .header-topbar{max-height:0;opacity:0}.site-header[data-site-shell].is-compact .header-main{min-height:72px;padding-block:6px}\n.site-header-spacer[data-site-shell-spacer]{display:block;width:100%;height:124px;pointer-events:none}\nbody.admin-bar .site-header[data-site-shell]{top:32px}\n@media(max-width:782px){body.admin-bar .site-header[data-site-shell]{top:46px}}\n.site-header[data-site-shell] .menu-toggle{display:none;width:48px;height:48px;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;cursor:pointer}.site-header[data-site-shell] .menu-toggle svg{display:block;width:24px;height:24px}\n.site-header[data-site-shell] .brand{display:inline-flex;width:max-content;align-items:center}.site-header[data-site-shell] .brand img{width:88px;height:auto;transition:width .24s cubic-bezier(.16,1,.3,1)}.site-header[data-site-shell].is-compact .brand img{width:68px}.site-header[data-site-shell] .site-nav{min-width:0}.site-header[data-site-shell] .nav-list{display:flex;justify-content:center;align-items:center;gap:clamp(12px,1.55vw,25px);margin:0;padding:0;list-style:none}.site-header[data-site-shell] .nav-list>li{position:relative;display:flex;align-items:center;padding-block:25px;margin-block:-25px}.site-header[data-site-shell] .nav-link{display:inline-flex;min-height:46px;align-items:center;gap:6px;padding:10px 2px;border:0;background:transparent;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}.site-header[data-site-shell] .nav-link:hover,.site-header[data-site-shell] .nav-link:focus-visible,.site-header[data-site-shell] .nav-link[aria-current=page]{text-decoration:none;color:var(--forest-strong)}.site-header[data-site-shell] .nav-link[aria-current=page]{box-shadow:inset 0 -2px var(--forest-strong)}.site-header[data-site-shell] .nav-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}.site-header[data-site-shell] .mega-trigger[aria-expanded=true] svg,.site-header[data-site-shell] .dropdown-trigger[aria-expanded=true] svg{transform:rotate(180deg)}\n.site-header[data-site-shell] .header-actions{display:flex;align-items:center;gap:10px}.site-header[data-site-shell] .header-quote,.site-footer[data-site-shell-footer] .footer-quote-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--ink);border-radius:8px;color:#fff;background:var(--ink);font-family:var(--sans)!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:transform .25s,background .25s}.site-header[data-site-shell] .header-quote:hover,.site-header[data-site-shell] .header-quote:focus-visible,.site-footer[data-site-shell-footer] .footer-quote-button:hover,.site-footer[data-site-shell-footer] .footer-quote-button:focus-visible{background:var(--forest-strong);transform:scale(1.04)}\n.trp-language-switcher.trp-floating-switcher{display:none!important}.language-switch{position:relative}.language-switch summary{display:flex;min-width:96px;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;font-weight:700;list-style:none;cursor:pointer}.language-switch summary::-webkit-details-marker{display:none}.language-switch .language-globe{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.language-switch .language-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}.language-switch[open] .language-chevron{transform:rotate(180deg)}.language-menu{position:absolute;z-index:6;top:calc(100% + 10px);right:0;width:210px;padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 46px rgba(16,22,18,.12)}.language-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;text-decoration:none}.language-menu a:hover,.language-menu a:focus-visible{background:var(--paper)}.language-menu a[aria-current=page]{color:#fff;background:var(--forest-strong)}.language-menu a span{font-size:12px}.mobile-header-actions{display:none}.mobile-languages{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.mobile-languages a{display:grid;min-width:52px;min-height:46px;place-items:center;text-decoration:none;font-size:13px;font-weight:700}.mobile-languages a+a{border-left:1px solid var(--line)}.mobile-languages a[aria-current=page]{color:#fff;background:var(--forest-strong)}\n.products-mega{position:fixed;z-index:20;top:var(--shell-header-bottom,88px);left:0;right:0;visibility:hidden;opacity:0;transform:translateY(-6px);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 24px 42px rgba(16,22,18,.09);pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}.products-mega.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.mega-inner{display:grid;width:min(100%,var(--container));min-height:440px;grid-template-columns:220px minmax(0,1fr) minmax(290px,360px);gap:32px;margin-inline:auto;padding:34px var(--page-gutter)}.mega-group-tabs{display:grid;align-content:start;border-top:1px solid var(--line)}.mega-group-tab{display:grid;grid-template-columns:1fr 18px;gap:12px;align-items:center;min-height:62px;padding:14px 0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:14px;font-weight:700;cursor:pointer}.mega-group-tab svg,.mega-product-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.mega-group-tab[aria-selected=true]{color:var(--forest-strong)}.mega-group-tab[aria-selected=true] svg{transform:translateX(3px)}.mega-panels{min-width:0}.mega-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.mega-panel-heading strong{font-size:15px}.mega-panel-heading span{color:var(--muted);font-size:12px}.mega-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.mega-link-panel:first-child .mega-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}.mega-product-link{display:grid;grid-template-columns:1fr 18px;gap:10px;align-items:center;min-height:49px;padding:8px 0;border-bottom:1px solid #e5e8e3;color:#39413d;font-size:13px;font-weight:600;text-decoration:none}.mega-product-link:hover,.mega-product-link:focus-visible{color:var(--ink);text-decoration:none}.mega-product-link:hover svg,.mega-product-link:focus-visible svg{transform:translateX(3px)}.mega-preview{display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;border:1px solid var(--line);background:var(--paper)}.mega-preview-media{display:grid;min-height:310px;place-items:center;overflow:hidden}.mega-preview img{width:100%;height:100%;max-height:330px;padding:24px;object-fit:contain;transition:opacity .15s,transform .3s}.mega-preview.is-changing img{opacity:.35;transform:scale(.98)}.mega-preview figcaption{display:grid;gap:4px;padding:16px 18px;background:#fff;border-top:1px solid var(--line)}.mega-preview figcaption strong{font-family:var(--display);font-size:21px;font-weight:500}.mega-preview figcaption span{color:var(--muted);font-size:12px;line-height:1.45}\n.nav-dropdown{position:absolute;z-index:21;top:calc(100% - 1px);left:-18px;display:grid;visibility:hidden;width:270px;padding:10px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px rgba(16,22,18,.12);opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity .16s,transform .16s,visibility .16s}.nav-dropdown.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.nav-dropdown a{display:flex;min-height:42px;align-items:center;padding:9px 12px;color:var(--ink,#111714);font-size:13px;font-weight:600;text-decoration:none;transition:color .16s,background-color .16s}.nav-dropdown a:hover,.nav-dropdown a:focus-visible,.nav-dropdown a[aria-current=page]{color:#fff;background:var(--forest-strong,#26362f);text-decoration:none}.nav-dropdown .nav-dropdown-heading{justify-content:space-between;margin-bottom:5px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:14px;font-weight:800}.nav-dropdown-heading svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}\n.site-footer[data-site-shell-footer]{position:relative;display:block;padding:0;color:#d7dfda;background:#101612}.footer-shell{width:min(100%,var(--container));margin-inline:auto;padding:72px var(--page-gutter) 28px}.footer-lead{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(64px,10vw,160px);align-items:start;padding-bottom:52px;border-bottom:1px solid #354139}.footer-intro img{width:118px;height:auto;filter:invert(1);opacity:.94}.footer-intro>p{max-width:66ch;margin:25px 0 20px;color:#c5cfca;font-size:14px}.footer-markets{display:flex;flex-wrap:wrap;gap:8px}.footer-markets span{padding:8px 10px;border:1px solid #425048;color:#c5cfca;font-size:12px}.footer-quote{max-width:600px}.footer-kicker{margin-bottom:12px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.footer-quote>p:not(.footer-kicker){margin-bottom:22px;color:#c5cfca;font-size:14px}.footer-quote-button{color:var(--ink);background:#fff;border-color:#fff}.footer-quote-button:hover,.footer-quote-button:focus-visible{color:#fff;background:var(--forest);border-color:var(--forest)}.footer-social{display:flex;gap:10px;margin-top:16px}.site-footer[data-site-shell-footer] .footer-social a{display:grid;width:42px;height:42px;place-items:center;border:1px solid #425048;border-radius:50%;color:#fff;background:transparent;transition:background .2s,border-color .2s,transform .2s}.site-footer[data-site-shell-footer] .footer-social a:hover,.site-footer[data-site-shell-footer] .footer-social a:focus-visible{background:var(--forest);border-color:var(--forest);text-decoration:none;transform:translateY(-2px)}.footer-social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.footer-social a:first-child svg,.footer-social a:last-child svg{fill:currentColor;stroke:none}.footer-directory{display:grid;grid-template-columns:.8fr 1fr 1.15fr 1.25fr;gap:clamp(28px,5vw,72px);padding:48px 0}.site-footer[data-site-shell-footer] h3{margin:0 0 20px;color:#fff;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.site-footer[data-site-shell-footer] ul{margin:0;padding:0;list-style:none}.site-footer[data-site-shell-footer] li{margin:0 0 11px}.site-footer[data-site-shell-footer] a{color:#d7dfda;font-size:13px;text-decoration:none}.site-footer[data-site-shell-footer] a:hover,.site-footer[data-site-shell-footer] a:focus-visible{color:#fff;text-decoration:underline}.footer-contact li{display:grid;gap:3px;margin-bottom:16px}.footer-contact li>span{color:#849089;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.footer-contact address{max-width:34ch;color:#d7dfda;font-size:13px;font-style:normal;line-height:1.55}.site-footer[data-site-shell-footer] .footer-bottom{display:flex;grid-column:auto;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;border-top:1px solid #354139;color:#9da8a2;font-size:12px}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:22px}.back-to-top{position:fixed;z-index:60;right:24px;bottom:24px;display:grid;width:54px;height:54px;place-items:center;border:1px solid #fff;border-radius:50%;color:var(--ink);background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12);opacity:0;visibility:hidden;transform:translateY(12px);cursor:pointer;transition:opacity .2s,visibility .2s,transform .2s,background .2s}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover,.back-to-top:focus-visible{color:#fff;background:var(--forest)}.back-to-top svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.8}\n@media(max-width:1080px){.header-main{min-height:78px;grid-template-columns:1fr auto;padding-block:8px}.site-header[data-site-shell] .brand img{width:76px}.site-header[data-site-shell].is-compact .header-main{min-height:64px;padding-block:4px}.site-header[data-site-shell].is-compact .brand img{width:62px}.site-header[data-site-shell] .menu-toggle{display:grid;grid-column:2}.site-header[data-site-shell] .site-nav{grid-column:1\/-1;max-height:calc(100vh - 78px);overflow:auto}.site-header[data-site-shell] .site-nav[hidden]{display:none}.site-header[data-site-shell] .nav-list{display:grid;justify-content:stretch;gap:0;padding-top:8px}.site-header[data-site-shell] .nav-list>li{display:block;padding-block:0;margin-block:0}.site-header[data-site-shell] .nav-link{width:100%;min-height:49px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.site-header[data-site-shell] .nav-link[aria-current=page]{box-shadow:none}.site-header[data-site-shell] .header-main>.header-actions{display:none}.mobile-header-actions{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 0}.products-mega{position:static;display:none;visibility:visible;opacity:1;transform:none;border:0;border-bottom:1px solid var(--line);box-shadow:none;pointer-events:auto}.products-mega.is-open{display:block}.mega-inner{min-height:0;grid-template-columns:1fr;gap:18px;padding:12px 0 22px}.mega-group-tabs{display:flex;gap:8px;overflow-x:auto;border:0}.mega-group-tab{flex:0 0 auto;display:flex;min-height:44px;padding:9px 12px;border:1px solid var(--line)}.mega-group-tab[aria-selected=true]{color:#fff;background:var(--forest-strong);border-color:var(--forest-strong)}.mega-panels{max-height:330px;overflow:auto}.mega-panel-heading{display:block;margin-bottom:8px}.mega-panel-heading span{display:block;margin-top:3px}.mega-link-panel:first-child .mega-link-grid,.mega-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-preview{display:none}.nav-dropdown{position:static;display:none;visibility:visible;width:auto;padding:2px 0 12px 16px;border:0;border-bottom:1px solid var(--line);box-shadow:none;opacity:1;transform:none;pointer-events:auto}.nav-dropdown.is-open{display:grid}.nav-dropdown a{min-height:44px;padding:9px 12px;border-left:1px solid var(--line)}.nav-dropdown .nav-dropdown-heading{margin:0 0 3px;border-bottom:0;background:var(--paper)}.footer-lead{grid-template-columns:1fr;gap:40px}.footer-directory{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1\/-1}}\n@media(max-width:600px){.header-topbar{max-height:32px}.header-topbar-inner{height:32px;padding-inline:18px;font-size:10px}.header-topbar-inner>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-topbar-contact{gap:0}.header-topbar-contact>a:first-child{font-size:0}.header-topbar-contact>a:first-child::after{content:\"WhatsApp\";font-size:10px}.header-topbar-contact span,.header-topbar-email{display:none}.header-main{padding-inline:18px}.mega-link-panel:first-child .mega-link-grid,.mega-link-grid{grid-template-columns:1fr}.mega-panels{max-height:360px}.mobile-header-actions{grid-template-columns:1fr}.footer-shell{padding:56px 20px 24px}.footer-lead{padding-bottom:40px}.footer-directory{grid-template-columns:1fr;gap:30px;padding:40px 0}.footer-contact{grid-column:auto}.site-footer[data-site-shell-footer] .footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom nav{gap:14px 20px}.back-to-top{right:16px;bottom:16px;width:50px;height:50px}}\n@media(prefers-reduced-motion:reduce){.header-topbar,.header-main,.site-header[data-site-shell] .brand img,.products-mega,.mega-preview img,.back-to-top{transition:none}}\n.site-footer[data-site-shell-footer] .back-to-top{color:var(--ink);text-decoration:none;opacity:1;visibility:visible;transform:none;box-shadow:0 0 0 5px rgba(16,22,18,.16);transition:background .2s,color .2s,transform .2s}.site-footer[data-site-shell-footer] .back-to-top:hover,.site-footer[data-site-shell-footer] .back-to-top:focus-visible{color:#fff;text-decoration:none;transform:translateY(-2px)}\n\n\nhtml,body{margin:0!important;padding:0!important}\nbody>.wp-site-blocks>header.wp-block-template-part,\nbody>.wp-site-blocks>footer.wp-block-template-part{display:none!important}\nbody>.wp-site-blocks{padding:0!important;margin:0!important;max-width:none!important}\n#wp--skip-link--target,\n#wp--skip-link--target>.wp-block-group,\n.wp-site-blocks main.wp-block-group,\n.wp-block-post-content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}\n.wp-block-post-title{display:none!important}\n.wp-block-post-content>.hd-wp-page{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}\nbody.admin-bar .site-header{top:32px}\n@media(max-width:782px){body.admin-bar .site-header{top:46px}}\n<\/style>\n<script>(function(){var b=document.body;\"inner-page page-design-development\".split(\/\\s+\/).filter(Boolean).forEach(function(c){b.classList.add(c)});b.dataset.pageIntent=\"Belt design and development scope review\";})();<\/script>\n<div class=\"hd-wp-page inner-page page-design-development\" data-page-intent=\"Belt design and development scope review\">\n<a class=\"skip\" href=\"#main\">Skip to main content<\/a>\n<header class=\"site-header\" data-site-shell>\n  <div class=\"header-topbar\"><div class=\"header-topbar-inner\"><p>Custom Belt Manufacturing for Brands, Retailers &amp; Wholesalers<\/p><div class=\"header-topbar-contact\"><a href=\"https:\/\/wa.me\/8613728240850\" target=\"_blank\" rel=\"noopener\">WhatsApp&nbsp; +86 137 2824 0850<\/a><span aria-hidden=\"true\"><\/span><a class=\"header-topbar-email\" href=\"mailto:info@hdbelt.com\">info@hdbelt.com<\/a><\/div><\/div><\/div>\n  <div class=\"header-main\">\n    <a class=\"brand\" href=\"\/\" aria-label=\"HongDing home\"><img loading=\"lazy\" src=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-2d2f306737-hdbelt-site-logo.webp\" width=\"776\" height=\"632\" alt=\"HongDing\" decoding=\"async\"><\/a>\n    <button class=\"menu-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"site-nav\" aria-label=\"Open navigation\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M4 7h16M4 12h16M4 17h16\"\/><\/svg><\/button>\n    <nav class=\"site-nav\" id=\"site-nav\" aria-label=\"Primary navigation\">\n    <ul class=\"nav-list\">\n      <li class=\"nav-item has-mega\"><button class=\"nav-link mega-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"products-mega\">Products<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m4 6 4 4 4-4\"\/><\/svg><\/button>\n        <div class=\"products-mega\" id=\"products-mega\" aria-hidden=\"true\">\n          <div class=\"mega-inner\">\n            <div class=\"mega-group-tabs\" role=\"tablist\" aria-label=\"Product categories\" aria-orientation=\"vertical\"><button id=\"mega-tab-type\" class=\"mega-group-tab\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"mega-type\" tabindex=\"0\" data-mega-group-control>By Product Type<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/button><button id=\"mega-tab-audience\" class=\"mega-group-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"mega-audience\" tabindex=\"-1\" data-mega-group-control>By Customer Range<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/button><button id=\"mega-tab-material\" class=\"mega-group-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"mega-material\" tabindex=\"-1\" data-mega-group-control>By Material<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/button><\/div>\n            <div class=\"mega-panels\"><section class=\"mega-link-panel\" id=\"mega-type\" role=\"tabpanel\" aria-labelledby=\"mega-tab-type\">\n  <div class=\"mega-panel-heading\"><strong>By Product Type<\/strong><span>Compare belt constructions and mechanisms.<\/span><\/div>\n  <div class=\"mega-link-grid\"><a class=\"mega-product-link\" href=\"\/western-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-e0f5aa851f-hdbelt-western-concho-transparent.webp\" data-preview-alt=\"Western belt with concho hardware\" data-preview-title=\"Western &amp; Rodeo Belts\" data-preview-description=\"Decorated belt programs for western, country and rodeo retail.\"><span>Western &amp; Rodeo Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/dress-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-98e65298c0-hdbelt-dress-formal-classic-transparent.webp\" data-preview-alt=\"Classic dress belt with polished buckle\" data-preview-title=\"Dress &amp; Formal Belts\" data-preview-description=\"Refined profiles for menswear, tailoring and formalwear collections.\"><span>Dress &amp; Formal Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/casual-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-e80a3efbc5-hdbelt-casual-jeans-braided-transparent.webp\" data-preview-alt=\"Casual braided jeans belt\" data-preview-title=\"Casual &amp; Jeans Belts\" data-preview-description=\"Everyday retail belts developed around denim loops, finishes and wear.\"><span>Casual &amp; Jeans Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/braided-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-de6133af37-hdbelt-black-beige-two-tone-woven-buckle-belt-14505.webp\" data-preview-alt=\"Two-tone woven belt with buckle\" data-preview-title=\"Woven &amp; Braided Belts\" data-preview-description=\"Flexible woven and braided constructions for fashion and comfort programs.\"><span>Woven &amp; Braided Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/ratchet-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-560e32b4f8-hdbelt-ratchet-automatic-hero-01.webp\" data-preview-alt=\"Ratchet automatic belt and buckle system\" data-preview-title=\"Ratchet \/ Automatic Belts\" data-preview-description=\"No-hole adjustable systems developed as matched buckle, track and strap assemblies.\"><span>Ratchet \/ Automatic Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/elastic-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-282bd7a315-transparent-hdbelt-navy-white-stripe-braided-elastic-buckle-belt-14549.webp\" data-preview-alt=\"Navy and white elastic braided belt\" data-preview-title=\"Elastic &amp; Stretch Belts\" data-preview-description=\"Stretch recovery, fit and trim decisions for sport and comfort collections.\"><span>Elastic &amp; Stretch Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/suspenders\/\" data-preview-image=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNjAwIiByb2xlPSJpbWciIGFyaWEtbGFiZWxsZWRieT0idCBkIj48dGl0bGUgaWQ9InQiPkZvcm1hbCBZLWJhY2sgc3VzcGVuZGVycyBzY2hlbWF0aWM8L3RpdGxlPjxkZXNjIGlkPSJkIj5ZLWJhY2sgc3VzcGVuZGVycyB3aXRoIG5hcnJvdyBzdHJhcHMsIGEgbGVhdGhlciBqdW5jdGlvbiBhbmQgdGhyZWUgY2xpcCBhdHRhY2htZW50cy48L2Rlc2M+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSI2MDAiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjU1IDg1IDM5MCAzMzAgMjQ1IDUyME01NDUgODUgNDEwIDMzMCA1NTUgNTIwIiBmaWxsPSJub25lIiBzdHJva2U9IiM2RTNBMjAiIHN0cm9rZS13aWR0aD0iNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik00MDAgMzMwdjE5MCIgc3Ryb2tlPSIjNkUzQTIwIiBzdHJva2Utd2lkdGg9IjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJtNDAwIDI5NSA1NCA0Mi01NCA0Mi01NC00MnoiIGZpbGw9IiMyQTFEMTQiLz48ZyBmaWxsPSIjRDhEMUM4IiBzdHJva2U9IiMxQzE0MTAiIHN0cm9rZS13aWR0aD0iOCI+PHJlY3QgeD0iMjExIiB5PSI0OTMiIHdpZHRoPSI2OCIgaGVpZ2h0PSIzOCIgcng9IjgiLz48cmVjdCB4PSIzNjYiIHk9IjQ5MyIgd2lkdGg9IjY4IiBoZWlnaHQ9IjM4IiByeD0iOCIvPjxyZWN0IHg9IjUyMSIgeT0iNDkzIiB3aWR0aD0iNjgiIGhlaWdodD0iMzgiIHJ4PSI4Ii8+PC9nPjwvc3ZnPgo=\" data-preview-alt=\"Formal Y-back suspenders\" data-preview-title=\"Suspenders \/ Braces\" data-preview-description=\"Formal, uniform and retail suspender programs with controlled attachments.\"><span>Suspenders \/ Braces<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/belt-straps\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-31fd3c0674-hdbelt-work-belt-route-01.webp\" data-preview-alt=\"Belt strap component reference\" data-preview-title=\"Belt Straps &amp; Blanks\" data-preview-description=\"Strap-only and component-sourcing routes for brands and assemblers.\"><span>Belt Straps &amp; Blanks<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/corset-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-46544010d6-hdbelt-beige-wide-round-buckle-belt-a9195.webp\" data-preview-alt=\"Wide beige fashion belt\" data-preview-title=\"Wide &amp; Corset Belts\" data-preview-description=\"Wide-waist silhouettes for fashion collections and statement styling.\"><span>Wide &amp; Corset Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/studded-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-2553f76d6b-hdbelt-black-studded-silver-buckle-belt-14423.webp\" data-preview-alt=\"Black studded belt with silver buckle\" data-preview-title=\"Studded &amp; Punk Belts\" data-preview-description=\"Stud, eyelet and decorated hardware programs for alternative retail.\"><span>Studded &amp; Punk Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/canvas-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-2c1ea3f1ef-hdbelt-canvas-woven-trim-transparent.webp\" data-preview-alt=\"Canvas belt with woven trim\" data-preview-title=\"Canvas \/ Webbing Belts\" data-preview-description=\"Textile and webbing constructions for uniform, outdoor and casual channels.\"><span>Canvas \/ Webbing Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/reversible-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-a03cc41518-hdbelt-transparent-reversible-rounded-buckle-belt-14331.webp\" data-preview-alt=\"Reversible belt with rotating buckle\" data-preview-title=\"Reversible Belts\" data-preview-description=\"Two-sided belts developed around buckle rotation, edge and layer control.\"><span>Reversible Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/work-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-447ebc5a93-hdbelt-work-belt-hero-01.webp\" data-preview-alt=\"Heavy-duty work belt\" data-preview-title=\"Work &amp; Heavy-Duty Belts\" data-preview-description=\"Load, wear and component-focused programs for workwear brands.\"><span>Work &amp; Heavy-Duty Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/chain-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-cd124b0ac8-hdbelt-silver-double-chain-waist-belt-14578.webp\" data-preview-alt=\"Silver double-chain waist belt\" data-preview-title=\"Chain &amp; Metal Belts\" data-preview-description=\"Metal-link and mixed-material waist accessories for fashion programs.\"><span>Chain &amp; Metal Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/hidden-money-belts\/\" data-preview-image=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNjAwIiByb2xlPSJpbWciIGFyaWEtbGFiZWxsZWRieT0idCBkIj48dGl0bGUgaWQ9InQiPldlYmJpbmcgdXRpbGl0eSBzdGFzaCBiZWx0IHNjaGVtYXRpYzwvdGl0bGU+PGRlc2MgaWQ9ImQiPldvdmVuIHdlYmJpbmcgYmVsdCB3aXRoIGEgc3RpdGNoZWQgdXRpbGl0eSBwb2NrZXQgYW5kIHppcHBlci48L2Rlc2M+PGRlZnM+PHBhdHRlcm4gaWQ9InAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0ibTAgMTggMTgtMThNLTUgNSA1LTVNMTMgMjNsMTAtMTAiIHN0cm9rZT0iIzcxODA2QyIgc3Ryb2tlLXdpZHRoPSI1Ii8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjU1IiB5PSIyNDUiIHdpZHRoPSI2OTAiIGhlaWdodD0iMTEwIiByeD0iMjAiIGZpbGw9InVybCgjcCkiLz48cmVjdCB4PSIyNjAiIHk9IjIyOCIgd2lkdGg9IjI4MCIgaGVpZ2h0PSIxNDQiIHJ4PSIxOCIgZmlsbD0iIzNFNEEzRiIgc3Ryb2tlPSIjMUMxNDEwIiBzdHJva2Utd2lkdGg9IjgiLz48cGF0aCBkPSJNMjk1IDI3MGgyMTAiIHN0cm9rZT0iI0Q4RDFDOCIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0iMTQgOCIvPjxyZWN0IHg9IjUwMCIgeT0iMjU2IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHJ4PSI1IiBmaWxsPSIjRDhEMUM4Ii8+PC9zdmc+Cg==\" data-preview-alt=\"Webbing money belt with concealed storage\" data-preview-title=\"Hidden Money Belts\" data-preview-description=\"Low-profile storage constructions for travel and security retail.\"><span>Hidden Money Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/skinny-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-8a35401f60-hdbelt-tan-slim-oval-buckle-belt-a9202.webp\" data-preview-alt=\"Slim tan belt with oval buckle\" data-preview-title=\"Skinny &amp; Thin Belts\" data-preview-description=\"Narrow proportions and hardware scale for women\u2019s fashion collections.\"><span>Skinny &amp; Thin Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/belt-styles\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-c9903db8c2-hdbelt-type-western-01.webp\" data-preview-alt=\"Representative belt style collection\" data-preview-title=\"View All Belt Styles\" data-preview-description=\"Open the complete product-style and construction directory.\"><span>View All Belt Styles<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><\/div>\n<\/section><section class=\"mega-link-panel\" id=\"mega-audience\" role=\"tabpanel\" aria-labelledby=\"mega-tab-audience\" hidden>\n  <div class=\"mega-panel-heading\"><strong>By Customer Range<\/strong><span>Start with the wearer and retail program.<\/span><\/div>\n  <div class=\"mega-link-grid\"><a class=\"mega-product-link\" href=\"\/mens-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-ab7964fe15-hdbelt-type-dress-01.webp\" data-preview-alt=\"Men\u2019s dress belt product reference\" data-preview-title=\"Men&#39;s Belts\" data-preview-description=\"Menswear programs balancing loop fit, buckle scale and commercial assortment.\"><span>Men&#39;s Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/womens-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-ca79113d2f-hdbelt-womens-brown-wide-braided-round-buckle-belt-028.webp\" data-preview-alt=\"Women\u2019s wide braided belt\" data-preview-title=\"Women&#39;s Belts\" data-preview-description=\"Fashion-led waist and hip belt programs across narrow, wide and decorative profiles.\"><span>Women&#39;s Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/kids-youth-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-8cf83d72d0-hdbelt-transparent-kids-transparent-fruit-charm-belt-set-024.webp\" data-preview-alt=\"Kids belt set with fruit charms\" data-preview-title=\"Kids &amp; Youth Belts\" data-preview-description=\"Age-appropriate sizing, components and packaging for youth retail programs.\"><span>Kids &amp; Youth Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/unisex-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-3bf58a7176-hdbelt-transparent-unisex-navy-white-stripe-braided-elastic-buckle-belt-.webp\" data-preview-alt=\"Unisex navy striped braided belt\" data-preview-title=\"Unisex Belts\" data-preview-description=\"Shared-fit programs developed around neutral styling and size coverage.\"><span>Unisex Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><\/div>\n<\/section><section class=\"mega-link-panel\" id=\"mega-material\" role=\"tabpanel\" aria-labelledby=\"mega-tab-material\" hidden>\n  <div class=\"mega-panel-heading\"><strong>By Material<\/strong><span>Choose the article, construction and evidence route.<\/span><\/div>\n  <div class=\"mega-link-grid\"><a class=\"mega-product-link\" href=\"\/leather-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-5ec2bcae90-hdbelt-brown-stitched-antique-brass-buckle-belt-14410.webp\" data-preview-alt=\"Brown stitched leather belt\" data-preview-title=\"Leather Belts\" data-preview-description=\"Leather belt programs defined by article, construction, finish and evidence.\"><span>Leather Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/full-grain-leather-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-7952a03dfe-hdbelt-dark-brown-matte-buckle-belt-14327.webp\" data-preview-alt=\"Dark brown leather belt with matte buckle\" data-preview-title=\"Full-Grain &amp; Top-Grain\" data-preview-description=\"Premium grain selections requiring controlled article identity and finishing.\"><span>Full-Grain &amp; Top-Grain<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/vegetable-tanned-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-cf0ccff3ca-hdbelt-tan-soft-texture-square-buckle-belt-a9191.webp\" data-preview-alt=\"Tan leather belt with square buckle\" data-preview-title=\"Vegetable-Tanned Leather\" data-preview-description=\"Vegetable-tanned routes for patina, premium positioning and traceable claims.\"><span>Vegetable-Tanned Leather<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/vegan-leather-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-51175467b6-hdbelt-black-reversible-geometric-buckle-belt-14338.webp\" data-preview-alt=\"Black PU belt with geometric buckle\" data-preview-title=\"PU &amp; Vegan Belts\" data-preview-description=\"Non-leather constructions with composition and claim boundaries defined by project.\"><span>PU &amp; Vegan Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/suede-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-6b5c754551-hdbelt-dark-brown-distressed-square-buckle-belt-14389.webp\" data-preview-alt=\"Dark brown soft-surface belt\" data-preview-title=\"Suede &amp; Nubuck Belts\" data-preview-description=\"Nap, rub, colorfastness and finishing decisions for tactile collections.\"><span>Suede &amp; Nubuck Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/embossed-leather-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-d4958a80a9-hdbelt-brown-textured-reversible-belt-009.webp\" data-preview-alt=\"Brown textured embossed belt\" data-preview-title=\"Exotic-Effect Embossed\" data-preview-description=\"Embossed surface programs with pattern scale, base article and claim control.\"><span>Exotic-Effect Embossed<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/bonded-leather-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-27ac3c6c08-hdbelt-brown-grommet-round-buckle-belt-14378.webp\" data-preview-alt=\"Brown belt with round buckle and grommets\" data-preview-title=\"Bonded &amp; Split Leather\" data-preview-description=\"Defined-material programs where composition and labeling must remain explicit.\"><span>Bonded &amp; Split Leather<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/straw-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-20c65a9c7e-hdbelt-beige-woven-round-buckle-belt-14493.webp\" data-preview-alt=\"Beige woven belt with round buckle\" data-preview-title=\"Straw &amp; Raffia Belts\" data-preview-description=\"Seasonal natural-look woven programs for resort and summer collections.\"><span>Straw &amp; Raffia Belts<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/sustainable-belts\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-aec92064f9-hdbelt-white-woven-brown-trim-buckle-belt-a9149.webp\" data-preview-alt=\"White woven belt with brown trim\" data-preview-title=\"Sustainable &amp; Recycled\" data-preview-description=\"Material options developed around verifiable recycled or lower-impact claims.\"><span>Sustainable &amp; Recycled<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a class=\"mega-product-link\" href=\"\/leather-belt-materials\/\" data-preview-image=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-cf38401e75-hdbelt-brown-soft-texture-rectangular-buckle-belt-a9237.webp\" data-preview-alt=\"Brown belt material and construction reference\" data-preview-title=\"Leather Materials Guide\" data-preview-description=\"Compare material naming, build, evidence and application before sampling.\"><span>Leather Materials Guide<\/span><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><\/div>\n<\/section><\/div>\n            <figure class=\"mega-preview\"><div class=\"mega-preview-media\"><img loading=\"lazy\" src=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-e0f5aa851f-hdbelt-western-concho-transparent.webp\" alt=\"Western belt with concho hardware\" width=\"640\" height=\"720\" decoding=\"async\" data-mega-preview><\/div><figcaption><strong data-mega-preview-title>Western &amp; Rodeo Belts<\/strong><span data-mega-preview-description>Decorated belt programs for western, country and rodeo retail.<\/span><\/figcaption><\/figure>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"nav-item has-dropdown\" data-nav-dropdown><button class=\"nav-link dropdown-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"nav-dropdown-services\" aria-current=\"page\">Services<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m4 6 4 4 4-4\"\/><\/svg><\/button><div class=\"nav-dropdown\" id=\"nav-dropdown-services\" aria-hidden=\"true\"><a class=\"nav-dropdown-heading\" href=\"\/services\/\">Services Overview<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a href=\"\/oem-odm\/\">OEM &amp; ODM Manufacturing<\/a><a href=\"\/private-label\/\">Private Label Programs<\/a><a href=\"\/design-development\/\">Design &amp; Development<\/a><a href=\"\/sampling\/\">Rapid Sampling<\/a><a href=\"\/wholesale\/\">Wholesale Programs<\/a><\/div><\/li><li class=\"nav-item has-dropdown\" data-nav-dropdown><button class=\"nav-link dropdown-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"nav-dropdown-solutions\">Solutions<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m4 6 4 4 4-4\"\/><\/svg><\/button><div class=\"nav-dropdown\" id=\"nav-dropdown-solutions\" aria-hidden=\"true\"><a class=\"nav-dropdown-heading\" href=\"\/solutions\/\">Solutions Overview<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a href=\"\/solutions\/fashion-brands\/\">Fashion Brands<\/a><a href=\"\/solutions\/retail-chains\/\">Retail Chains<\/a><a href=\"\/solutions\/corporate-gifts\/\">Corporate Gifts<\/a><a href=\"\/solutions\/uniform-corporate\/\">Uniform &amp; Corporate<\/a><a href=\"\/solutions\/golf-sports\/\">Golf &amp; Sports<\/a><a href=\"\/solutions\/wedding-formalwear\/\">Wedding &amp; Formalwear<\/a><a href=\"\/solutions\/western-retail\/\">Western Retail<\/a><a href=\"\/solutions\/workwear-safety\/\">Workwear &amp; Safety<\/a><\/div><\/li><li class=\"nav-item has-dropdown\" data-nav-dropdown><button class=\"nav-link dropdown-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"nav-dropdown-manufacturing\">Manufacturing<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m4 6 4 4 4-4\"\/><\/svg><\/button><div class=\"nav-dropdown\" id=\"nav-dropdown-manufacturing\" aria-hidden=\"true\"><a class=\"nav-dropdown-heading\" href=\"\/manufacturing\/\">Manufacturing Overview<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a href=\"\/quality-control\/\">Quality Control<\/a><a href=\"\/leather-finishing-facility\/\">Leather Finishing Facility<\/a><a href=\"\/sustainability\/\">Sustainability &amp; Compliance<\/a><\/div><\/li><li class=\"nav-item has-dropdown\" data-nav-dropdown><button class=\"nav-link dropdown-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"nav-dropdown-resources\">Resources<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m4 6 4 4 4-4\"\/><\/svg><\/button><div class=\"nav-dropdown\" id=\"nav-dropdown-resources\" aria-hidden=\"true\"><a class=\"nav-dropdown-heading\" href=\"\/resources\/\">Resources Overview<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a href=\"\/blog\/\">Blog<\/a><a href=\"\/resources\/how-to-build-a-belt-rfq\/\">Build a Belt RFQ<\/a><a href=\"\/size-guide\/\">Belt Size Guide<\/a><a href=\"\/faq\/\">FAQ<\/a><a href=\"\/sitemap\/\">Sitemap<\/a><\/div><\/li><li class=\"nav-item has-dropdown\" data-nav-dropdown><button class=\"nav-link dropdown-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"nav-dropdown-about\">About<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m4 6 4 4 4-4\"\/><\/svg><\/button><div class=\"nav-dropdown\" id=\"nav-dropdown-about\" aria-hidden=\"true\"><a class=\"nav-dropdown-heading\" href=\"\/about-us\/\">About Overview<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\"\/><\/svg><\/a><a href=\"\/contact-us\/\">Contact HongDing<\/a><\/div><\/li>\n    <\/ul>\n    <div class=\"mobile-header-actions\"><button class=\"header-quote\" type=\"button\" data-open-rfq>Request a Quote<\/button><div class=\"mobile-languages\" aria-label=\"Choose language\"><a href=\"\/design-development\/\" lang=\"en\" hreflang=\"en\" data-language-option=\"en\">EN<\/a><a href=\"\/fr\/design-development\/\" lang=\"fr\" hreflang=\"fr\" data-language-option=\"fr\">FR<\/a><\/div><\/div>\n    <\/nav>\n    <div class=\"header-actions\"><button class=\"header-quote\" type=\"button\" data-open-rfq>Request a Quote<\/button><details class=\"language-switch\"><summary aria-label=\"Choose language\"><svg class=\"language-globe\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18\"\/><\/svg><span data-current-language>EN<\/span><svg class=\"language-chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m4 6 4 4 4-4\"\/><\/svg><\/summary><div class=\"language-menu\"><a href=\"\/design-development\/\" lang=\"en\" hreflang=\"en\" data-language-option=\"en\"><strong>English<\/strong><span>EN<\/span><\/a><a href=\"\/fr\/design-development\/\" lang=\"fr\" hreflang=\"fr\" data-language-option=\"fr\"><strong>Fran\u00e7ais<\/strong><span>FR<\/span><\/a><\/div><\/details><\/div>\n  <\/div>\n<\/header>\n<main id=\"main\">\n<section class=\"inner-hero is-service\" aria-labelledby=\"page-title\">\n  <div class=\"container inner-hero-grid\">\n    <div class=\"inner-hero-copy\">\n      <ol class=\"breadcrumbs\" aria-label=\"Breadcrumb\"><li><a href=\"\/\">Home<\/a><\/li><li><a href=\"\/services\/\">Services<\/a><\/li><li><span aria-current=\"page\">Design and Development<\/span><\/li><\/ol>\n      <p class=\"spec\">Design Control for Belt Programs<\/p>\n      <h1 id=\"page-title\">Belt Design and Development from Concept to Production Specification<\/h1>\n      <p class=\"inner-hero-lead\">Our custom belt design and development service turns a market brief, sketch or authorized reference into a product that can be quoted, sampled and approved. The scope names the design outputs, technical decisions, responsibilities and file ownership from the start.<\/p>\n      <div class=\"inner-hero-actions\"><button class=\"btn light\" type=\"button\" data-open-rfq data-intent=\"Belt design and development scope review\">Review a Design Brief<\/button><a class=\"btn outline-light\" href=\"#v2-starting-point-route\">See the Deliverables<\/a><\/div>\n      <ul class=\"hero-proof-list\"><li>Deliverables are named before creative work begins<\/li><li>Buyer and supplier decisions remain visibly separate<\/li><li>Ownership and permitted use require written agreement<\/li><\/ul>\n    <\/div>\n    <figure class=\"inner-hero-media\"><img src=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-3d4edd02b7-hdbelt-pastel-iridescent-studded-buckle-belt-a9174.webp\" alt=\"Iridescent fashion belt with studs and a silver-tone buckle on a white background\" width=\"1200\" height=\"900\" decoding=\"async\" fetchpriority=\"high\"><\/figure>\n  <\/div>\n<\/section>\n<section class=\"page-section paper section-layout-documents section-id-v2-design-development-scope\" id=\"v2-design-development-scope\" aria-labelledby=\"v2-design-development-scope-title\" data-reveal><div class=\"container document-band\"><div><h2 id=\"v2-design-development-scope-title\">Name the Design Deliverables before the Project Starts<\/h2><p class=\"section-intro\">A clear scope states what HongDing will prepare, what the buyer must decide and which outputs remain proposals. This keeps the project focused and reviewable.<\/p><\/div><div><div class=\"document-list\" tabindex=\"0\" role=\"region\" aria-label=\"Name the Design Deliverables before the Project Starts documents\"><article class=\"document-item\"><b>Brief and Decision Register<\/b><p>Records target customer, channel, price direction, product role, mandatory features, open questions, approvers and the evidence used to make each decision.<\/p><small>Status: buyer input and jointly maintained decisions<\/small><\/article><article class=\"document-item\"><b>Concept Direction Package<\/b><p>May include mood, proportion, silhouette, color, material, buckle and collection relationships defined in the quotation.<\/p><small>Status: proposal until the buyer selects a direction<\/small><\/article><article class=\"document-item\"><b>DFM and Risk Notes<\/b><p>Identify conflicts among intended appearance, structure, available inputs, target cost, manufacturing route, testing and repeatability.<\/p><small>Status: feasibility advice, not physical proof<\/small><\/article><article class=\"document-item\"><b>Controlled Technical File<\/b><p>Can combine views, dimensions, BOM, construction, hardware, artwork, packaging and revision status at the level agreed for sampling.<\/p><small>Status: controlled only after the named approval event<\/small><\/article><article class=\"document-item\"><b>Sampling Handoff Index<\/b><p>Lists the current files and physical references, approved decisions, provisional choices, open points and what the first sample must prove.<\/p><small>Status: release package, not bulk approval<\/small><\/article><article class=\"document-item\"><b>Confirm the Commercial Brief<\/b><p>Define target customer, channel, price direction, assortment role, quantity context, target market, claim needs and approval team.<\/p><small>Gate record: accepted brief and decision owners<\/small><\/article><\/div><\/div><\/div><\/section>\n<section class=\"page-section white section-layout-evidence-drawer section-id-v2-starting-point-route\" id=\"v2-starting-point-route\" aria-labelledby=\"v2-starting-point-route-title\" data-reveal><div class=\"container evidence-viewer\"><div class=\"evidence-viewer-intro\"><h2 id=\"v2-starting-point-route-title\">Choose the Development Route That Matches the Starting Evidence<\/h2><p class=\"section-intro\">The development route depends on what the buyer already has, such as a brief, sketch, tech pack, physical sample or approved base style.<\/p><\/div><div class=\"evidence-drawers\"><details open><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 3.5h7l3 3V20H7z\"\/><path d=\"M14 3.5V7h3M9.5 11h5M9.5 14h5M9.5 17h3\"\/><\/svg><span><small>Record 01<\/small><b>Assortment Direction<\/b><\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Input: channel, customer and product gap. Output: proposed style roles, shared components, color families and the decisions required to narrow the range.<\/p><p class=\"panel-meta\">Buyer approves: which concepts continue<\/p><\/div><\/details><details><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 3.5h7l3 3V20H7z\"\/><path d=\"M14 3.5V7h3M9.5 11h5M9.5 14h5M9.5 17h3\"\/><\/svg><span><small>Record 02<\/small><b>Manufacturable Proportion<\/b><\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Input: sketch or reference. Output: product views and dimensions that expose buckle, strap, keeper, tail and hole or adjustment relationships.<\/p><p class=\"panel-meta\">Buyer approves: intended proportion and fit datum<\/p><\/div><\/details><details><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 15c4-8 8-9 16-10-1 8-4 12-12 14\"\/><path d=\"M4 20c3-5 7-8 12-11\"\/><\/svg><span><small>Record 03<\/small><b>Material and Finish Direction<\/b><\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Input: price, use, appearance and claim needs. Output: named material routes, surface references, risks and evidence still required.<\/p><p class=\"panel-meta\">Buyer approves: which article enters sampling<\/p><\/div><\/details><details><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 3.5h7l3 3V20H7z\"\/><path d=\"M14 3.5V7h3M9.5 11h5M9.5 14h5M9.5 17h3\"\/><\/svg><span><small>Record 04<\/small><b>Hardware Identity<\/b><\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Input: function, design language and logo need. Output: interface requirements, proposed component reference, finish and tooling status.<\/p><p class=\"panel-meta\">Buyer approves: component direction and open engineering points<\/p><\/div><\/details><details><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m4 7 8-4 8 4v10l-8 4-8-4z\"\/><path d=\"m4 7 8 4 8-4M12 11v10\"\/><\/svg><span><small>Record 05<\/small><b>Brand and Retail Execution<\/b><\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Input: authorized logo, label copy and channel. Output: placement, method, artwork revision, packaging and proof requirements.<\/p><p class=\"panel-meta\">Buyer approves: current artwork and presentation route<\/p><\/div><\/details><details><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m4 7 8-4 8 4v10l-8 4-8-4z\"\/><path d=\"m4 7 8 4 8-4M12 11v10\"\/><\/svg><span><small>Record 06<\/small><b>Sampling Decision Package<\/b><\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Input: the selected design route. Output: current file list, open-item list and clear questions the physical sample must answer.<\/p><p class=\"panel-meta\">Buyer approves: release scope for sampling<\/p><\/div><\/details><\/div><\/div><\/section>\n<section class=\"page-section paper section-layout-media-spec section-id-v2-design-responsibility-chain\" id=\"v2-design-responsibility-chain\" aria-labelledby=\"v2-design-responsibility-chain-title\" data-reveal><div class=\"container media-spec-shell\"><div class=\"section-head\"><div><h2 id=\"v2-design-responsibility-chain-title\">Keep Market, Design and Engineering Decisions in One Chain<\/h2><\/div><p>Product development moves faster when market decisions, design work, engineering review and approval authority have clear owners.<\/p><\/div><div class=\"media-spec\"><figure class=\"media-spec-visual\"><img src=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-20c65a9c7e-hdbelt-beige-woven-round-buckle-belt-14493.webp\" alt=\"Beige woven belt with round buckle on a neutral background\" width=\"1200\" height=\"900\" loading=\"lazy\" decoding=\"async\"><figcaption>A finished product image can support review of visible proportion and surface direction. It does not disclose the controlled material identity, hidden construction or ownership of the design.<\/figcaption><\/figure><div class=\"media-spec-body\"><div class=\"spec-list\" aria-label=\"Keep Market, Design and Engineering Decisions in One Chain decision points\"><details class=\"spec-item\" open><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 3.5h7l3 3V20H7z\"\/><path d=\"M14 3.5V7h3M9.5 11h5M9.5 14h5M9.5 17h3\"\/><\/svg><span>Buyer Market Owner<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Defines customer, channel, price direction, brand codes, mandatory claims, launch priorities and the final acceptance of design intent.<\/p><small>Authority: market and brand decision<\/small><\/div><\/details><details class=\"spec-item\"><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 3.5h7l3 3V20H7z\"\/><path d=\"M14 3.5V7h3M9.5 11h5M9.5 14h5M9.5 17h3\"\/><\/svg><span>HongDing Design Coordinator<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Organizes agreed concepts, product views, color and material routes, artwork placement, open questions and the revision record.<\/p><small>Authority: prepare proposals inside the agreed scope<\/small><\/div><\/details><details class=\"spec-item\"><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 3.5h7l3 3V20H7z\"\/><path d=\"M14 3.5V7h3M9.5 11h5M9.5 14h5M9.5 17h3\"\/><\/svg><span>Dongguan Engineering Review<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Checks dimensions, material stack, buckle interface, construction, process feasibility and the technical information needed for sampling.<\/p><small>Authority: flag feasibility and propose documented changes<\/small><\/div><\/details><details class=\"spec-item\"><summary><svg class=\"system-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 15c4-8 8-9 16-10-1 8-4 12-12 14\"\/><path d=\"M4 20c3-5 7-8 12-11\"\/><\/svg><span>Material and Component Route<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>Confirms which proposed article, finish, buckle or trim is available for review and which item remains a development assumption.<\/p><small>Authority: current input status, not buyer design approval<\/small><\/div><\/details><\/div><div class=\"media-spec-footer\"><div class=\"inline-action\"><button class=\"btn dark\" type=\"button\" data-open-rfq data-intent=\"Scope My Design Outputs\">Scope My Design Outputs<\/button><\/div><\/div><\/div><\/div><\/div><\/section>\n<section class=\"page-section white section-layout-documents section-id-v2-factory-ready-tech-pack\" id=\"v2-factory-ready-tech-pack\" aria-labelledby=\"v2-factory-ready-tech-pack-title\" data-reveal><div class=\"container document-band\"><div><h2 id=\"v2-factory-ready-tech-pack-title\">Make the Tech Pack Explicit about Facts, Proposals and Open Points<\/h2><p class=\"section-intro\">A factory-ready tech pack separates approved requirements from proposals and open questions. It also links each critical decision to the current revision.<\/p><\/div><div><div class=\"document-list\" tabindex=\"0\" role=\"region\" aria-label=\"Make the Tech Pack Explicit about Facts, Proposals and Open Points documents\"><article class=\"document-item\"><b>Product Identity and Revision<\/b><p>Style, variant, colorway, size basis, document revision, issue date, status and named approval owner.<\/p><small>Control: one current source of truth<\/small><\/article><article class=\"document-item\"><b>Views, Dimensions and Tolerances<\/b><p>Measurable belt, buckle, keeper, hole or adjustment and branding relationships with the datum used for fit.<\/p><small>Control: repeatable interpretation<\/small><\/article><article class=\"document-item\"><b>BOM and Layer Structure<\/b><p>Named face, backing, lining, reinforcement, thread, edge, adhesive where relevant, hardware and trim references plus provisional status.<\/p><small>Control: actual material and construction<\/small><\/article><article class=\"document-item\"><b>Construction and Interface Notes<\/b><p>Cutting, skiving, folding, stitching, punching, attachment, mechanism interfaces, decoration fixing and key acceptance points.<\/p><small>Control: manufacturable relationships<\/small><\/article><article class=\"document-item\"><b>Artwork and Packaging Register<\/b><p>Logo authorization, artwork revision, placement, label copy, barcode source, packaging proof and carton-mark owner.<\/p><small>Control: brand and retail data<\/small><\/article><article class=\"document-item\"><b>Open-Point and Change Log<\/b><p>Lists unresolved assumptions, proposed substitutes, required samples or tests, decision due dates and affected documents.<\/p><small>Control: uncertainty remains visible<\/small><\/article><\/div><\/div><\/div><\/section>\n<section class=\"page-section paper section-layout-article section-id-v2-illustrative-design-scenarios\" id=\"v2-illustrative-design-scenarios\" aria-labelledby=\"v2-illustrative-design-scenarios-title\" data-reveal><div class=\"container article-compact\"><div class=\"section-head\"><div><h2 id=\"v2-illustrative-design-scenarios-title\">Use Illustrative Scenarios to Scope Work, Not as Client Case Studies<\/h2><\/div><p>These examples show how the starting material changes the design scope. They are planning scenarios, not client case studies or guaranteed outcomes.<\/p><\/div><div class=\"article-compact-grid\"><aside class=\"article-context\"><details class=\"supporting-context\"><summary><span>Essential context<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div><p>A project should be scoped from the buyer&#39;s actual input rather than assigned to a scenario by label.  Each example highlights a different decision chain and the output that would make the next review possible.<\/p><p>Commercial terms, ownership, revisions, materials, testing and timing still require a project-specific agreement.<\/p><\/div><\/details><\/aside><div class=\"detail-stack article-detail-stack\"><details open><summary><span>01<\/span><b>Seasonal Fashion Capsule<\/b><span>Open the decision detail<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div class=\"detail-body\"><p>Starting evidence: brand direction, customer, channel, price tier and seasonal palette. Possible scope: assortment roles, several product directions, shared components, selected color-material-finish routes and a controlled concept selection.<\/p><p>Critical decision: which concepts enter technical development and which unused concepts may be retained or reused under the agreement.<\/p><\/div><\/details><details><summary><span>02<\/span><b>Buyer-Owned Premium Leather Design<\/b><span>Open the decision detail<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div class=\"detail-body\"><p>Starting evidence: controlled sketch or tech pack plus material and hardware intention. Possible scope: DFM review, missing dimensions, article and finish route, buckle interface, edge and stitch decisions and technical revision.<\/p><p>Critical decision: which engineering changes preserve design intent and which require buyer approval before the file is released.<\/p><\/div><\/details><details><summary><span>03<\/span><b>Sports Stretch Extension<\/b><span>Open the decision detail<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div class=\"detail-body\"><p>Starting input: existing brand guidelines and a target use case. Possible scope: size logic, elastic structure, tabs, buckle, color and branding, plus the physical questions the sample must resolve.<\/p><p>Critical decision: which performance language needs a defined test rather than a visual or design approval.<\/p><\/div><\/details><details><summary><span>04<\/span><b>Western Artwork Program<\/b><span>Open the decision detail<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/summary><div class=\"detail-body\"><p>Starting evidence: authorized artwork, buckle direction and retail positioning. Possible scope: repeat pattern, placement, strap proportion, decoration route, component interface and controlled artwork files.<\/p><p>Critical decision: ownership and permitted use of artwork, stamps, plates, molds and any new buckle or ornament tooling.<\/p><\/div><\/details><\/div><\/div><div class=\"inline-action\"><button class=\"btn dark\" type=\"button\" data-open-rfq data-intent=\"Scope design deliverables from the buyer&#39;s current brief or reference\">Match Your Starting Point to Design Outputs<\/button><\/div><\/div><\/section>\n<section class=\"page-section white section-layout-stage-sequence section-id-v2-brief-to-ready-sample\" id=\"v2-brief-to-ready-sample\" aria-labelledby=\"v2-brief-to-ready-sample-title\" data-reveal><div class=\"container\"><div class=\"section-head\"><div><h2 id=\"v2-brief-to-ready-sample-title\">Move from Design Brief to a Production-Ready Sample<\/h2><\/div><p>Design work reaches the sampling stage when the selected direction and current technical file are ready for physical review. The sample then tests whether the decisions work together.<\/p><\/div><div class=\"stage-sequence\" data-selector><div class=\"stage-controls\" role=\"tablist\" aria-label=\"Move from Design Brief to a Production-Ready Sample\"><button type=\"button\" role=\"tab\" class=\"stage-control is-active\" id=\"v2-brief-to-ready-sample-tab-1\" aria-selected=\"true\" aria-controls=\"v2-brief-to-ready-sample-panel-1\" data-selector-control><span>01<\/span><b>Accept the Brief and Rights<\/b><\/button><button type=\"button\" role=\"tab\" class=\"stage-control\" id=\"v2-brief-to-ready-sample-tab-2\" aria-selected=\"false\" aria-controls=\"v2-brief-to-ready-sample-panel-2\" data-selector-control><span>02<\/span><b>Select the Product Direction<\/b><\/button><button type=\"button\" role=\"tab\" class=\"stage-control\" id=\"v2-brief-to-ready-sample-tab-3\" aria-selected=\"false\" aria-controls=\"v2-brief-to-ready-sample-panel-3\" data-selector-control><span>03<\/span><b>Resolve DFM Decisions<\/b><\/button><button type=\"button\" role=\"tab\" class=\"stage-control\" id=\"v2-brief-to-ready-sample-tab-4\" aria-selected=\"false\" aria-controls=\"v2-brief-to-ready-sample-panel-4\" data-selector-control><span>04<\/span><b>Issue the Sampling File<\/b><\/button><button type=\"button\" role=\"tab\" class=\"stage-control\" id=\"v2-brief-to-ready-sample-tab-5\" aria-selected=\"false\" aria-controls=\"v2-brief-to-ready-sample-panel-5\" data-selector-control><span>05<\/span><b>Review the Physical Sample<\/b><\/button><button type=\"button\" role=\"tab\" class=\"stage-control\" id=\"v2-brief-to-ready-sample-tab-6\" aria-selected=\"false\" aria-controls=\"v2-brief-to-ready-sample-panel-6\" data-selector-control><span>06<\/span><b>Close the Design Revision<\/b><\/button><\/div><div class=\"stage-readout\"><div class=\"selector-panel \" id=\"v2-brief-to-ready-sample-panel-1\" role=\"tabpanel\" aria-labelledby=\"v2-brief-to-ready-sample-tab-1\" data-selector-panel><div class=\"stage-number\">01<\/div><div><h3>Accept the Brief and Rights<\/h3><p>Record business objective, authorized inputs, confidentiality, deliverables, ownership questions and decision owners.<\/p><p class=\"panel-meta\">Output: scoped design baseline<\/p><\/div><\/div><div class=\"selector-panel \" id=\"v2-brief-to-ready-sample-panel-2\" role=\"tabpanel\" aria-labelledby=\"v2-brief-to-ready-sample-tab-2\" data-selector-panel hidden><div class=\"stage-number\">02<\/div><div><h3>Select the Product Direction<\/h3><p>Approve the intended silhouette, proportion, material and hardware route, brand execution and assortment role.<\/p><p class=\"panel-meta\">Output: selected concept status<\/p><\/div><\/div><div class=\"selector-panel \" id=\"v2-brief-to-ready-sample-panel-3\" role=\"tabpanel\" aria-labelledby=\"v2-brief-to-ready-sample-tab-3\" data-selector-panel hidden><div class=\"stage-number\">03<\/div><div><h3>Resolve DFM Decisions<\/h3><p>Close or visibly defer conflicts involving construction, input availability, component interface, cost, test needs and repeatability.<\/p><p class=\"panel-meta\">Output: DFM decision log<\/p><\/div><\/div><div class=\"selector-panel \" id=\"v2-brief-to-ready-sample-panel-4\" role=\"tabpanel\" aria-labelledby=\"v2-brief-to-ready-sample-tab-4\" data-selector-panel hidden><div class=\"stage-number\">04<\/div><div><h3>Issue the Sampling File<\/h3><p>Link current views, dimensions, BOM, references, artwork, packaging direction and open points to one sample request.<\/p><p class=\"panel-meta\">Output: versioned release index<\/p><\/div><\/div><div class=\"selector-panel \" id=\"v2-brief-to-ready-sample-panel-5\" role=\"tabpanel\" aria-labelledby=\"v2-brief-to-ready-sample-tab-5\" data-selector-panel hidden><div class=\"stage-number\">05<\/div><div><h3>Review the Physical Sample<\/h3><p>Measure and operate the belt, compare material and visible finish, review branding and pack proofs and consolidate comments.<\/p><p class=\"panel-meta\">Output: numbered review file<\/p><\/div><\/div><div class=\"selector-panel \" id=\"v2-brief-to-ready-sample-panel-6\" role=\"tabpanel\" aria-labelledby=\"v2-brief-to-ready-sample-tab-6\" data-selector-panel hidden><div class=\"stage-number\">06<\/div><div><h3>Close the Design Revision<\/h3><p>Update affected files, declare any remaining exception and identify the approved physical reference and technical version.<\/p><p class=\"panel-meta\">Output: production-ready sample package<\/p><\/div><\/div><\/div><\/div><\/div><\/section>\n<section class=\"page-section paper section-layout-documents section-id-v2-design-document-rights-register\" id=\"v2-design-document-rights-register\" aria-labelledby=\"v2-design-document-rights-register-title\" data-reveal><div class=\"container document-band\"><div><h2 id=\"v2-design-document-rights-register-title\">Review Design Documents with Their Status and Rights Attached<\/h2><p class=\"section-intro\">Each design file should show what it controls, its approval status, current revision and permitted use.<\/p><\/div><div><div class=\"document-list\" tabindex=\"0\" role=\"region\" aria-label=\"Review Design Documents with Their Status and Rights Attached documents\"><article class=\"document-item\"><b>Buyer Background Assets<\/b><p>Brand guide, logo, prior tech pack, original artwork, authorized sample and confidential market or product information.<\/p><small>Review: ownership, authorization and permitted project use<\/small><\/article><article class=\"document-item\"><b>HongDing Proposal Files<\/b><p>Concept alternatives, proposed product views, DFM notes, material or component routes and draft technical content created inside the scope.<\/p><small>Review: delivery, selection, reuse and exclusivity terms<\/small><\/article><article class=\"document-item\"><b>Third-Party Inputs<\/b><p>Supplier swatches, component catalogs, licensed fonts, stock graphics or externally owned technology included for evaluation.<\/p><small>Review: license, availability and substitution limits<\/small><\/article><article class=\"document-item\"><b>Approved Technical Set<\/b><p>Current product views, dimension schedule, BOM, construction, artwork, packaging and change status associated with the selected route.<\/p><small>Review: which version controls the next step<\/small><\/article><article class=\"document-item\"><b>Tooling and Artwork Register<\/b><p>Lists plates, molds, buckle tools, embossing dies, print tools or digital production files with fee, custody, ownership and permitted reuse decisions.<\/p><small>Review: no default transfer or exclusivity<\/small><\/article><article class=\"document-item\"><b>Approval and Change History<\/b><p>Links numbered buyer comments, HongDing responses, changed files, sample versions, superseded items and final release decisions.<\/p><small>Review: a traceable decision trail<\/small><\/article><\/div><\/div><\/div><\/section>\n<section class=\"section white\" id=\"faq\" aria-labelledby=\"faq-title\"><div class=\"container faq-layout\"><div class=\"faq-intro\"><h2 id=\"faq-title\"><span class=\"faq-title-line\">Belt Design<\/span> <span class=\"faq-title-line\">Ownership and<\/span> <span class=\"faq-title-line\">Handoff Questions<\/span><\/h2><p>Clear boundaries for deliverables, buyer assets, new concepts, revisions, technical readiness, confidentiality and design changes.<\/p><button class=\"btn dark\" type=\"button\" data-open-rfq data-intent=\"Belt design and development scope review\">Ask a project-specific question<\/button><\/div><div class=\"accordion\"><div class=\"faq-item\"><button class=\"faq-trigger\" type=\"button\" aria-expanded=\"true\" aria-controls=\"faq-1\"><span>What is not automatically included in a belt design project?<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button><div class=\"faq-panel\" id=\"faq-1\">Unlimited concepts, unlimited revisions, trend research, custom material development, new hardware tooling, packaging design, testing, physical samples, production files, exclusivity and ownership transfer are not automatic. The written scope should name each deliverable, file format, number or type of alternatives, review responsibility, revision treatment, commercial term and release condition before work begins.<\/div><\/div><div class=\"faq-item\"><button class=\"faq-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-2\"><span>Who controls sketches, logos and brand assets supplied by the buyer?<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button><div class=\"faq-panel\" id=\"faq-2\" hidden>The buyer should identify its ownership or authorization and the permitted project use. HongDing should handle those assets under the agreed confidentiality and use terms. Supplying a file does not authorize use outside the project, and the website does not change the rights stated in the NDA, development agreement or buyer terms.<\/div><\/div><div class=\"faq-item\"><button class=\"faq-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-3\"><span>Who owns a new belt concept proposed during development?<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button><div class=\"faq-panel\" id=\"faq-3\" hidden>The written agreement must decide. It should cover background materials, new concept files, selected and unselected options, technical adaptations, payment conditions, permitted reuse, exclusivity, territories, confidentiality and what is delivered at project end. A development payment or sample payment should not be assumed to transfer every right unless the agreement says so.<\/div><\/div><div class=\"faq-item\"><button class=\"faq-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-4\"><span>How should design revisions be counted and approved?<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button><div class=\"faq-panel\" id=\"faq-4\" hidden>The scope should state what counts as a revision, which outputs it covers, how buyer comments are consolidated and when a changed brief becomes new work. Each round should use numbered comments tied to the current file. HongDing should respond to each item, update affected documents and mark superseded versions before the next release.<\/div><\/div><div class=\"faq-item\"><button class=\"faq-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-5\"><span>When is a belt tech pack ready for physical sampling?<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button><div class=\"faq-panel\" id=\"faq-5\" hidden>It is ready for its stated sample purpose when the product identity, views, measurement datum, critical dimensions, material and hardware route, construction, branding, packaging direction, tolerances, provisional items and approval owner are sufficiently clear. Any unresolved point should be visible and assigned to a decision that the sample is intended to answer.<\/div><\/div><div class=\"faq-item\"><button class=\"faq-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-6\"><span>Can HongDing reuse our design or show it to another buyer?<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button><div class=\"faq-panel\" id=\"faq-6\" hidden>Permitted reuse and disclosure should be settled in writing before confidential work begins. The agreement can address buyer background assets, HongDing background know-how, new proposals, selected and unused concepts, public portfolio use, subcontractor access and post-project retention. The website does not grant HongDing or the buyer a blanket reuse right.<\/div><\/div><div class=\"faq-item\"><button class=\"faq-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-7\"><span>What happens when a component changes after design freeze?<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button><div class=\"faq-panel\" id=\"faq-7\" hidden>The change should enter a written impact review. HongDing should identify affected product views, dimensions, BOM, construction, artwork, cost, timing, tests, sample status and packaging. The buyer then approves, rejects or requests another option. A new proof or physical sample may be required before the changed component replaces the former reference.<\/div><\/div><div class=\"faq-item\"><button class=\"faq-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-8\"><span>Does an approved concept guarantee manufacturability or retail success?<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button><div class=\"faq-panel\" id=\"faq-8\" hidden>No. Concept approval confirms the selected design direction within the reviewed scope. Manufacturability still depends on detailed engineering, actual materials, components, tooling, sampling and process evidence. Retail success depends on the buyer&#39;s market, price, channel and execution. DFM reduces visible technical risk but does not create a sales or production guarantee.<\/div><\/div><\/div><\/div><\/section>\n<section class=\"closing\" id=\"project\" aria-labelledby=\"project-title\"><div class=\"closing-content\"><h2 id=\"project-title\">Start a Belt Design Project with Defined Outputs and Rights<\/h2><p>Send the brief, sketch, sample or tech pack you already have. Our team will propose a practical scope for design, engineering review, technical files and sampling handoff.<\/p><div class=\"brief-inputs\" aria-label=\"Useful project inputs\"><span>Market and assortment brief<\/span><span>Authorized sketches or references<\/span><span>Desired design deliverables<\/span><span>Material and hardware direction<\/span><span>Brand and packaging assets<\/span><span>Ownership and confidentiality needs<\/span><span>Named approval team<\/span><\/div><div class=\"closing-actions\"><button class=\"btn light\" type=\"button\" data-open-rfq data-intent=\"Belt design and development scope review\">Submit Your Belt Design Brief<\/button><\/div><\/div><\/section>\n<\/main>\n<footer class=\"site-footer\" id=\"site-footer\" data-site-shell-footer>\n  <div class=\"footer-shell\">\n    <div class=\"footer-lead\">\n      <div class=\"footer-intro\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hdbelt.com\/wp-content\/uploads\/2026\/08\/hdbelt-v13-2d2f306737-hdbelt-site-logo.webp\" width=\"776\" height=\"632\" alt=\"HongDing\"><p>Custom belt development and manufacturing for retail brands, designers, wholesalers and sourcing teams. Product scope, evidence, capacity and commercial terms are confirmed for each project.<\/p><div class=\"footer-markets\" aria-label=\"Operating support\"><span>Dongguan Development<\/span><span>Cambodia Production<\/span><span>Sweden Support<\/span><\/div><\/div>\n      <div class=\"footer-quote\"><p class=\"footer-kicker\">Need a Quote?<\/p><p>Share the belt category, material direction, quantity, target market and timing. We will review the brief against the relevant development and production route.<\/p><button class=\"footer-quote-button\" type=\"button\" data-open-rfq data-intent=\"Footer RFQ\">Request a Custom Quote<\/button><div class=\"footer-social\" aria-label=\"HongDing social channels\"><a href=\"https:\/\/www.linkedin.com\/company\/dongguan-hong-ding-leather-co-ltd\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"HongDing on LinkedIn\" title=\"LinkedIn\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.5 8.2V18M6.5 5.2v.1M10.5 18v-5.5c0-2.8 4-3.1 4 0V18M10.5 10v8M3.8 8.2h5.4V18H3.8zM10.5 10h3.1v1.4c.8-1.2 1.9-1.8 3.4-1.8 2.7 0 3.9 1.8 3.9 5.1V18h-3.2v-3c0-1.8-.3-2.7-1.6-2.7-1.5 0-2.2 1-2.2 3V18h-3.4z\"\/><\/svg><\/a><a href=\"https:\/\/www.youtube.com\/results?search_query=Dongguan+Hong+Ding+Leather\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Find HongDing on YouTube\" title=\"YouTube\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 12c0 2.2-.2 4-.5 4.8-.3.7-.8 1.2-1.5 1.5-1.2.4-3.6.7-7 .7s-5.8-.3-7-.7c-.7-.3-1.2-.8-1.5-1.5C3.2 16 3 14.2 3 12s.2-4 .5-4.8c.3-.7.8-1.2 1.5-1.5C6.2 5.3 8.6 5 12 5s5.8.3 7 .7c.7.3 1.2.8 1.5 1.5.3.8.5 2.6.5 4.8Z\"\/><path d=\"m10 9 5 3-5 3Z\"\/><\/svg><\/a><a href=\"https:\/\/www.facebook.com\/search\/top?q=Dongguan%20Hong%20Ding%20Leather\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Find HongDing on Facebook\" title=\"Facebook\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 20v-7h2.6l.4-3h-3V8.1c0-.9.3-1.5 1.6-1.5H17V4a18 18 0 0 0-2.3-.1c-2.3 0-3.8 1.4-3.8 4V10H8.5v3h2.4v7Z\"\/><\/svg><\/a><\/div><\/div>\n    <\/div>\n    <div class=\"footer-directory\">\n      <div><h3>Quick Links<\/h3><ul><li><a href=\"\/\">Home<\/a><\/li><li><a href=\"\/belt-styles\/\">Products<\/a><\/li><li><a href=\"\/solutions\/\">Solutions<\/a><\/li><li><a href=\"\/about-us\/\">About HongDing<\/a><\/li><li><a href=\"\/resources\/\">Resources<\/a><\/li><li><a href=\"\/blog\/\">Blog<\/a><\/li><li><a href=\"\/contact-us\/\">Contact<\/a><\/li><\/ul><\/div>\n      <div><h3>Product Programs<\/h3><ul><li><a href=\"\/mens-belts\/\">Men&#8217;s Belts<\/a><\/li><li><a href=\"\/womens-belts\/\">Women&#8217;s Belts<\/a><\/li><li><a href=\"\/kids-youth-belts\/\">Kids &amp; Youth Belts<\/a><\/li><li><a href=\"\/ratchet-belts\/\">Ratchet Belts<\/a><\/li><li><a href=\"\/leather-belts\/\">Leather Belts<\/a><\/li><li><a href=\"\/belt-styles\/\">All Belt Styles<\/a><\/li><\/ul><\/div>\n      <div><h3>Development<\/h3><ul><li><a href=\"\/oem-odm\/\">OEM &amp; ODM<\/a><\/li><li><a href=\"\/private-label\/\">Private Label<\/a><\/li><li><a href=\"\/design-development\/\">Design &amp; Development<\/a><\/li><li><a href=\"\/sampling\/\">Sampling<\/a><\/li><li><a href=\"\/manufacturing\/\">Manufacturing<\/a><\/li><li><a href=\"\/quality-control\/\">Quality Control<\/a><\/li><\/ul><\/div>\n      <div class=\"footer-contact\"><h3>Contact<\/h3><ul><li><span>Email<\/span><a href=\"mailto:info@hdbelt.com\">info@hdbelt.com<\/a><\/li><li><span>Phone \/ WhatsApp<\/span><a href=\"https:\/\/wa.me\/8613728240850\" target=\"_blank\" rel=\"noopener\">+86 137 2824 0850<\/a><\/li><li><span>Dongguan Office<\/span><address>North of Hongye Road, Xinwan, Humen Town, Dongguan, Guangdong, China<\/address><\/li><\/ul><\/div>\n    <\/div>\n    <div class=\"footer-bottom\"><span>2026 Dongguan Hong Ding Leather Co., LTD. All Rights Reserved.<\/span><nav aria-label=\"Legal\"><a href=\"\/privacy-policy\/\">Privacy Policy<\/a><a href=\"\/terms\/\">Terms &amp; Conditions<\/a><a href=\"\/sitemap\/\">Sitemap<\/a><\/nav><\/div>\n  <\/div>\n  <a class=\"back-to-top\" href=\"#main\" aria-label=\"Back to top\" title=\"Back to top\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 20V4M6.5 9.5 12 4l5.5 5.5\"\/><\/svg><\/a>\n<\/footer>\n<dialog class=\"gallery-dialog\" id=\"gallery-dialog\" aria-label=\"Representative product image\"><button class=\"gallery-dialog-close\" type=\"button\" aria-label=\"Close product image\">\u00d7<\/button><figure><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" alt=\"Selected representative product\"><\/figure><\/dialog>\n<dialog class=\"dialog\" id=\"rfq-dialog\" aria-labelledby=\"rfq-title\"><div class=\"dialog-head\"><div><p class=\"spec\">Project brief<\/p><h2 id=\"rfq-title\">Tell Us What You Need to Develop.<\/h2><\/div><button class=\"dialog-close\" type=\"button\" aria-label=\"Close project form\">\u00d7<\/button><\/div><form class=\"rfq-form\" id=\"rfq-form\" data-prototype-form data-status-id=\"dialog-status\" novalidate><input id=\"intent\" name=\"intent\" type=\"hidden\" value=\"Belt Design and Development from Concept to Production Specification\"><div class=\"rfq-grid\"><div class=\"field\"><label for=\"name\">Name *<\/label><input id=\"name\" name=\"name\" autocomplete=\"name\" required><\/div><div class=\"field\"><label for=\"email\">Business email *<\/label><input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\" required><\/div><div class=\"field\"><label for=\"company\">Company (optional)<\/label><input id=\"company\" name=\"company\" autocomplete=\"organization\"><\/div><div class=\"field\"><label for=\"phone-whatsapp\">Phone \/ WhatsApp (optional)<\/label><input id=\"phone-whatsapp\" name=\"phone_whatsapp\" type=\"tel\" autocomplete=\"tel\" inputmode=\"tel\" placeholder=\"Include country code\"><\/div><div class=\"field full\"><label for=\"brief\">Product, material, timing and requirements *<\/label><textarea id=\"brief\" name=\"brief\" required placeholder=\"Describe the belt category, material direction, hardware, branding, packaging, testing and target date.\"><\/textarea><\/div><div class=\"field full\"><label for=\"files\">Tech pack or reference files<\/label><input id=\"files\" name=\"files\" type=\"file\" accept=\".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.webp,.zip\"><span class=\"form-note\">Attach one PDF, Office document, image, WebP or ZIP file up to 10 MB.<\/span><\/div><div class=\"hp\" aria-hidden=\"true\"><label for=\"website\">Website<\/label><input id=\"website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"><\/div><\/div><p class=\"dialog-status\" id=\"dialog-status\" role=\"status\" aria-live=\"polite\"><\/p><button class=\"btn dark\" type=\"submit\">Review my project brief<\/button><\/form><\/dialog>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Service\",\"@id\":\"https:\/\/hdbelt.com\/design-development\/#webpage\",\"url\":\"https:\/\/hdbelt.com\/design-development\/\",\"name\":\"Belt Design and Development for B2B Brands | HongDing\",\"description\":\"Convert a brand brief, sketch or authorized reference into reviewable belt concepts, DFM decisions, controlled specifications and a sampling handoff.\",\"breadcrumb\":{\"@id\":\"https:\/\/hdbelt.com\/design-development\/#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hdbelt.com\/design-development\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hdbelt.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https:\/\/hdbelt.com\/services\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design and Development\",\"item\":\"https:\/\/hdbelt.com\/design-development\/\"}]},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hdbelt.com\/#organization\",\"name\":\"HongDing\",\"url\":\"https:\/\/hdbelt.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\/\/hdbelt.com\/wp-content\/uploads\/hdbelt-site-logo.webp\"}},{\"@type\":\"FAQPage\",\"@id\":\"https:\/\/hdbelt.com\/design-development\/#faq\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is not automatically included in a belt design project?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Unlimited concepts, unlimited revisions, trend research, custom material development, new hardware tooling, packaging design, testing, physical samples, production files, exclusivity and ownership transfer are not automatic. The written scope should name each deliverable, file format, number or type of alternatives, review responsibility, revision treatment, commercial term and release condition before work begins.\"}},{\"@type\":\"Question\",\"name\":\"Who controls sketches, logos and brand assets supplied by the buyer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The buyer should identify its ownership or authorization and the permitted project use. HongDing should handle those assets under the agreed confidentiality and use terms. Supplying a file does not authorize use outside the project, and the website does not change the rights stated in the NDA, development agreement or buyer terms.\"}},{\"@type\":\"Question\",\"name\":\"Who owns a new belt concept proposed during development?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The written agreement must decide. It should cover background materials, new concept files, selected and unselected options, technical adaptations, payment conditions, permitted reuse, exclusivity, territories, confidentiality and what is delivered at project end. A development payment or sample payment should not be assumed to transfer every right unless the agreement says so.\"}},{\"@type\":\"Question\",\"name\":\"How should design revisions be counted and approved?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The scope should state what counts as a revision, which outputs it covers, how buyer comments are consolidated and when a changed brief becomes new work. Each round should use numbered comments tied to the current file. HongDing should respond to each item, update affected documents and mark superseded versions before the next release.\"}},{\"@type\":\"Question\",\"name\":\"When is a belt tech pack ready for physical sampling?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It is ready for its stated sample purpose when the product identity, views, measurement datum, critical dimensions, material and hardware route, construction, branding, packaging direction, tolerances, provisional items and approval owner are sufficiently clear. Any unresolved point should be visible and assigned to a decision that the sample is intended to answer.\"}},{\"@type\":\"Question\",\"name\":\"Can HongDing reuse our design or show it to another buyer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Permitted reuse and disclosure should be settled in writing before confidential work begins. The agreement can address buyer background assets, HongDing background know-how, new proposals, selected and unused concepts, public portfolio use, subcontractor access and post-project retention. The website does not grant HongDing or the buyer a blanket reuse right.\"}},{\"@type\":\"Question\",\"name\":\"What happens when a component changes after design freeze?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The change should enter a written impact review. HongDing should identify affected product views, dimensions, BOM, construction, artwork, cost, timing, tests, sample status and packaging. The buyer then approves, rejects or requests another option. A new proof or physical sample may be required before the changed component replaces the former reference.\"}},{\"@type\":\"Question\",\"name\":\"Does an approved concept guarantee manufacturability or retail success?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. Concept approval confirms the selected design direction within the reviewed scope. Manufacturability still depends on detailed engineering, actual materials, components, tooling, sampling and process evidence. Retail success depends on the buyer's market, price, channel and execution. DFM reduces visible technical risk but does not create a sales or production guarantee.\"}}]}]}<\/script>\n<script>(() => {\n  const header = document.querySelector('[data-site-shell]');\n  if (header) {\n    const navButton = header.querySelector('.menu-toggle');\n    const nav = header.querySelector('.site-nav');\n    const headerSpacer = document.createElement('div');\n    headerSpacer.className = 'site-header-spacer';\n    headerSpacer.setAttribute('data-site-shell-spacer', '');\n    header.insertAdjacentElement('afterend', headerSpacer);\n    const mega = header.querySelector('.products-mega');\n    const megaTrigger = header.querySelector('.mega-trigger');\n    const megaItem = header.querySelector('.has-mega');\n    const dropdownItems = [...header.querySelectorAll('[data-nav-dropdown]')];\n    let megaCloseTimer = 0; let megaPinned = false;\n    const clearMegaClose = () => { clearTimeout(megaCloseTimer); megaCloseTimer = 0; };\n    const setHeaderBottom = () => document.documentElement.style.setProperty('--shell-header-bottom', Math.round(header.getBoundingClientRect().bottom) + 'px');\n    const setHeaderSpacer = () => { if (!header.classList.contains('is-compact') && (innerWidth > 1080 || nav?.hidden)) headerSpacer.style.height = Math.ceil(header.getBoundingClientRect().height) + 'px'; };\n    const closeMega = () => { clearMegaClose(); megaPinned = false; mega?.classList.remove('is-open'); mega?.setAttribute('aria-hidden', 'true'); megaTrigger?.setAttribute('aria-expanded', 'false'); };\n    const openMega = () => { clearMegaClose(); dropdownItems.forEach(item => closeDropdown(item)); setHeaderBottom(); mega?.classList.add('is-open'); mega?.setAttribute('aria-hidden', 'false'); megaTrigger?.setAttribute('aria-expanded', 'true'); };\n    const scheduleMegaClose = () => { clearMegaClose(); if (!megaPinned) megaCloseTimer = setTimeout(closeMega, 320); };\n    const closeDropdown = item => { clearTimeout(Number(item.dataset.closeTimer || 0)); item.dataset.closeTimer = ''; item.dataset.pinned = 'false'; const trigger = item.querySelector('.dropdown-trigger'); const menu = item.querySelector('.nav-dropdown'); trigger?.setAttribute('aria-expanded', 'false'); menu?.classList.remove('is-open'); menu?.setAttribute('aria-hidden', 'true'); };\n    const openDropdown = item => { closeMega(); dropdownItems.forEach(other => { if (other !== item) closeDropdown(other); }); clearTimeout(Number(item.dataset.closeTimer || 0)); const trigger = item.querySelector('.dropdown-trigger'); const menu = item.querySelector('.nav-dropdown'); trigger?.setAttribute('aria-expanded', 'true'); menu?.classList.add('is-open'); menu?.setAttribute('aria-hidden', 'false'); };\n    const scheduleDropdownClose = item => { clearTimeout(Number(item.dataset.closeTimer || 0)); if (item.dataset.pinned !== 'true') item.dataset.closeTimer = String(setTimeout(() => closeDropdown(item), 260)); };\n    const syncNav = () => {\n      if (innerWidth > 1080) { nav.hidden = false; navButton?.setAttribute('aria-expanded', 'false'); navButton?.setAttribute('aria-label', 'Open navigation'); }\n      else if (navButton?.getAttribute('aria-expanded') !== 'true') { nav.hidden = true; closeMega(); dropdownItems.forEach(closeDropdown); }\n      setHeaderBottom(); setHeaderSpacer();\n    };\n    let headerStateFrame = 0;\n    const syncHeaderState = () => {\n      headerStateFrame = 0;\n      const compact = scrollY > 40;\n      const changed = header.classList.contains('is-compact') !== compact;\n      header.classList.toggle('is-compact', compact);\n      if (changed && !compact) setTimeout(setHeaderSpacer, 260);\n      setHeaderBottom();\n    };\n    const requestHeaderState = () => { if (!headerStateFrame) headerStateFrame = requestAnimationFrame(syncHeaderState); };\n    syncHeaderState(); syncNav(); addEventListener('resize', syncNav);\n    addEventListener('scroll', requestHeaderState, { passive: true });\n    if ('ResizeObserver' in window) new ResizeObserver(setHeaderBottom).observe(header);\n    navButton?.addEventListener('click', () => { const open = navButton.getAttribute('aria-expanded') === 'true'; navButton.setAttribute('aria-expanded', String(!open)); navButton.setAttribute('aria-label', open ? 'Open navigation' : 'Close navigation'); nav.hidden = open; if (open) { closeMega(); dropdownItems.forEach(closeDropdown); } setHeaderBottom(); });\n    megaTrigger?.addEventListener('click', event => { event.preventDefault(); if (mega?.classList.contains('is-open') && megaPinned) closeMega(); else { megaPinned = true; openMega(); megaPinned = true; } });\n    megaItem?.addEventListener('pointerenter', () => { if (innerWidth > 1080) openMega(); });\n    megaItem?.addEventListener('pointerleave', () => { if (innerWidth > 1080) scheduleMegaClose(); });\n    mega?.addEventListener('pointerenter', clearMegaClose);\n    mega?.addEventListener('pointerleave', () => { if (innerWidth > 1080) scheduleMegaClose(); });\n    megaItem?.addEventListener('focusout', event => { if (innerWidth > 1080 && !megaItem.contains(event.relatedTarget) && !mega?.contains(event.relatedTarget)) scheduleMegaClose(); });\n    dropdownItems.forEach(item => {\n      const trigger = item.querySelector('.dropdown-trigger'); const menu = item.querySelector('.nav-dropdown');\n      trigger?.addEventListener('click', event => { event.preventDefault(); const open = menu?.classList.contains('is-open'); if (open && item.dataset.pinned === 'true') closeDropdown(item); else { item.dataset.pinned = 'true'; openDropdown(item); item.dataset.pinned = 'true'; } });\n      item.addEventListener('pointerenter', () => { if (innerWidth > 1080) openDropdown(item); });\n      item.addEventListener('pointerleave', () => { if (innerWidth > 1080) scheduleDropdownClose(item); });\n      menu?.addEventListener('pointerenter', () => clearTimeout(Number(item.dataset.closeTimer || 0)));\n      menu?.addEventListener('pointerleave', () => { if (innerWidth > 1080) scheduleDropdownClose(item); });\n      item.addEventListener('focusout', event => { if (innerWidth > 1080 && !item.contains(event.relatedTarget)) scheduleDropdownClose(item); });\n      menu?.querySelectorAll('a').forEach(link => link.addEventListener('click', () => { closeDropdown(item); if (innerWidth <= 1080) { navButton?.setAttribute('aria-expanded', 'false'); nav.hidden = true; } }));\n    });\n    const controls = [...header.querySelectorAll('[data-mega-group-control]')];\n    const panels = [...header.querySelectorAll('.mega-link-panel')];\n    const activateGroup = control => { controls.forEach(item => { const active = item === control; item.setAttribute('aria-selected', String(active)); item.tabIndex = active ? 0 : -1; }); panels.forEach(panel => { panel.hidden = panel.id !== control.getAttribute('aria-controls'); }); const first = document.querySelector('#' + CSS.escape(control.getAttribute('aria-controls'))) ?.querySelector('.mega-product-link'); first?.dispatchEvent(new Event('mega-preview')); };\n    controls.forEach((control, index) => { control.addEventListener('pointerenter', () => activateGroup(control)); control.addEventListener('click', () => activateGroup(control)); control.addEventListener('keydown', event => { if (!['ArrowUp','ArrowDown','Home','End'].includes(event.key)) return; event.preventDefault(); const next = event.key === 'Home' ? 0 : event.key === 'End' ? controls.length - 1 : (index + (event.key === 'ArrowDown' ? 1 : -1) + controls.length) % controls.length; activateGroup(controls[next]); controls[next].focus(); }); });\n    const preview = header.querySelector('.mega-preview'); const previewImage = header.querySelector('[data-mega-preview]'); const previewTitle = header.querySelector('[data-mega-preview-title]'); const previewDescription = header.querySelector('[data-mega-preview-description]');\n    const updatePreview = link => { if (!link || !previewImage) return; preview?.classList.add('is-changing'); const apply = () => { previewImage.src = link.dataset.previewImage || ''; previewImage.alt = link.dataset.previewAlt || ''; if (previewTitle) previewTitle.textContent = link.dataset.previewTitle || ''; if (previewDescription) previewDescription.textContent = link.dataset.previewDescription || ''; requestAnimationFrame(() => preview?.classList.remove('is-changing')); }; setTimeout(apply, 70); };\n    header.querySelectorAll('.mega-product-link').forEach(link => { link.addEventListener('pointerenter', () => updatePreview(link)); link.addEventListener('focus', () => updatePreview(link)); link.addEventListener('mega-preview', () => updatePreview(link)); link.addEventListener('click', () => { closeMega(); if (innerWidth <= 1080) { navButton?.setAttribute('aria-expanded', 'false'); nav.hidden = true; } }); });\n    document.addEventListener('click', event => { if (!header.contains(event.target)) { closeMega(); dropdownItems.forEach(closeDropdown); header.querySelector('.language-switch')?.removeAttribute('open'); } });\n    document.addEventListener('keydown', event => { if (event.key === 'Escape') { closeMega(); dropdownItems.forEach(closeDropdown); header.querySelector('.language-switch')?.removeAttribute('open'); megaTrigger?.focus(); } });\n    const isFrench = location.pathname === '\/fr' || location.pathname.startsWith('\/fr\/'); const englishPath = isFrench ? (location.pathname.slice(3) || '\/') : location.pathname; const frenchPath = '\/fr' + (englishPath === '\/' ? '\/' : englishPath); const queryHash = location.search + location.hash;\n    header.querySelectorAll('[data-language-option=\"en\"]').forEach(link => { link.href = englishPath + queryHash; link.toggleAttribute('aria-current', !isFrench); if (!isFrench) link.setAttribute('aria-current', 'page'); else link.removeAttribute('aria-current'); });\n    header.querySelectorAll('[data-language-option=\"fr\"]').forEach(link => { link.href = frenchPath + queryHash; if (isFrench) link.setAttribute('aria-current', 'page'); else link.removeAttribute('aria-current'); });\n    const currentLanguage = header.querySelector('[data-current-language]'); if (currentLanguage) currentLanguage.textContent = isFrench ? 'FR' : 'EN';\n  }\n  const topLink = document.querySelector('.back-to-top');\n  topLink?.addEventListener('click', event => { event.preventDefault(); if (location.hash) history.replaceState(null, '', location.pathname + location.search); let attempts = 0; const forceTop = () => { const scroller = document.scrollingElement || document.documentElement; scroller.scrollTop = 0; document.documentElement.scrollTop = 0; document.body.scrollTop = 0; window.scrollTo(0, 0); attempts += 1; if (attempts < 12) requestAnimationFrame(forceTop); }; forceTop(); document.querySelector('[data-site-shell]')?.focus({ preventScroll: true }); });\n})();\n(() => {\n  document.querySelectorAll('.faq-trigger').forEach(button => {\n    button.addEventListener('click', () => {\n      const expanded = button.getAttribute('aria-expanded') === 'true';\n      button.setAttribute('aria-expanded', String(!expanded));\n      const panel = document.querySelector(`#${CSS.escape(button.getAttribute('aria-controls'))}`);\n      if (panel) panel.hidden = expanded;\n    });\n  });\n\n  document.querySelectorAll('[data-selector]').forEach(selector => {\n    const controls = [...selector.querySelectorAll('[data-selector-control]')];\n    const panels = [...selector.querySelectorAll('[data-selector-panel]')];\n    if (!controls.length || !panels.length) return;\n    const activate = (control, moveFocus = false) => {\n      const panelId = control.getAttribute('aria-controls');\n      selector.dataset.activeIndex = String(controls.indexOf(control) + 1);\n      controls.forEach(item => {\n        const active = item === control;\n        item.classList.toggle('is-active', active);\n        item.setAttribute('aria-selected', String(active));\n        item.tabIndex = active ? 0 : -1;\n      });\n      panels.forEach(panel => { panel.hidden = panel.id !== panelId; });\n      if (moveFocus) control.focus();\n    };\n    controls.forEach((control, index) => {\n      control.tabIndex = index === 0 ? 0 : -1;\n      control.addEventListener('click', () => activate(control));\n      control.addEventListener('keydown', event => {\n        const horizontal = ['ArrowLeft', 'ArrowRight'].includes(event.key);\n        const vertical = ['ArrowUp', 'ArrowDown'].includes(event.key);\n        if (!horizontal) {\n          if (!vertical) {\n            if (!['Home', 'End'].includes(event.key)) return;\n          }\n        }\n        event.preventDefault();\n        let nextIndex = index;\n        if (event.key === 'Home') nextIndex = 0;\n        else if (event.key === 'End') nextIndex = controls.length - 1;\n        else if (['ArrowRight', 'ArrowDown'].includes(event.key)) nextIndex = (index + 1) % controls.length;\n        else nextIndex = (index - 1 + controls.length) % controls.length;\n        activate(controls[nextIndex], true);\n      });\n    });\n  });\n\n  document.querySelectorAll('.brand-proof').forEach(brandProof => {\n    const motionButton = brandProof.querySelector('.brand-motion');\n    if (!motionButton) return;\n    const setBrandMotion = paused => {\n      brandProof.classList.toggle('is-paused', paused);\n      motionButton.setAttribute('aria-pressed', String(paused));\n      motionButton.setAttribute('aria-label', paused ? 'Resume logo movement' : 'Pause logo movement');\n      motionButton.innerHTML = paused\n        ? '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>'\n        : '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 5h4v14H7zM13 5h4v14h-4z\"\/><\/svg>';\n    };\n    setBrandMotion(matchMedia('(prefers-reduced-motion: reduce)').matches);\n    motionButton.addEventListener('click', () => setBrandMotion(motionButton.getAttribute('aria-pressed') !== 'true'));\n  });\n\n  \/\/ Most legacy catalog masters are square files with generous white margins.\n  \/\/ Enlarge only those sources inside the 16:10 gallery frame so the visible\n  \/\/ product matches the approved Work Belts scale without cropping the asset.\n  document.querySelectorAll('.product-gallery-image img:not(.product-gallery-placeholder)').forEach(image => {\n    const normalizeCatalogScale = () => {\n      if (!image.naturalWidth || !image.naturalHeight) return;\n      const ratio = image.naturalWidth \/ image.naturalHeight;\n      if (ratio >= .96) {\n        if (ratio <= 1.04) image.closest('.product-gallery-image')?.classList.add('is-square-catalog-source');\n      }\n    };\n    if (image.complete) normalizeCatalogScale();\n    else image.addEventListener('load', normalizeCatalogScale, { once: true });\n  });\n\n  const galleryDialog = document.querySelector('#gallery-dialog');\n  const galleryDialogImage = galleryDialog?.querySelector('img');\n  if (galleryDialog) {\n    if (galleryDialogImage) {\n      const closeGallery = () => galleryDialog.close();\n      document.querySelectorAll('[data-gallery-open]').forEach(button => button.addEventListener('click', () => {\n        galleryDialogImage.src = button.dataset.gallerySrc || '';\n        galleryDialogImage.alt = button.dataset.galleryAlt || '';\n        galleryDialog.showModal();\n        document.body.classList.add('dialog-open');\n      }));\n      galleryDialog.querySelector('.gallery-dialog-close')?.addEventListener('click', closeGallery);\n      galleryDialog.addEventListener('close', () => document.body.classList.remove('dialog-open'));\n      galleryDialog.addEventListener('click', event => { if (event.target === galleryDialog) closeGallery(); });\n    }\n  }\n\n  const dialog = document.querySelector('#rfq-dialog');\n  const intent = document.querySelector('#intent');\n  if (dialog) {\n    if (intent) {\n      const closeDialog = () => dialog.close();\n      document.querySelectorAll('[data-open-rfq]').forEach(button => {\n        button.addEventListener('click', event => {\n          event.preventDefault();\n          intent.value = button.dataset.intent || document.body.dataset.pageIntent || 'Belt project RFQ';\n          dialog.showModal();\n          document.body.classList.add('dialog-open');\n        });\n      });\n      document.querySelector('.dialog-close')?.addEventListener('click', closeDialog);\n      dialog.addEventListener('close', () => document.body.classList.remove('dialog-open'));\n      dialog.addEventListener('click', event => {\n        if (event.target === dialog) closeDialog();\n      });\n    }\n  }\n\n  const siteSearch = document.querySelector('#site-recovery-search');\n  const siteSearchResults = document.querySelector('.site-search-results');\n  const siteSearchStatus = document.querySelector('#site-search-status');\n  if (siteSearch) {\n    if (siteSearchResults) {\n      if (siteSearchStatus) {\n    const entries = [...siteSearchResults.querySelectorAll('[data-search-entry]')];\n    const updateSearch = () => {\n      const query = siteSearch.value.toLowerCase().trim();\n      if (query.length < 2) {\n        entries.forEach(entry => entry.hidden = true);\n        siteSearchResults.hidden = true;\n        siteSearchStatus.textContent = 'Enter at least two characters to search the launch-site page index.';\n        return;\n      }\n      const matches = entries.filter(entry => String(entry.dataset.searchText || '').includes(query));\n      entries.forEach(entry => entry.hidden = !matches.includes(entry));\n      siteSearchResults.hidden = false;\n      siteSearchStatus.textContent = matches.length ? `${matches.length} matching ${matches.length === 1 ? 'page' : 'pages'} found.` : 'No matching page title or buying path was found. Use a primary route below or contact HongDing.';\n    };\n    entries.forEach(entry => entry.hidden = true);\n    siteSearch.addEventListener('input', updateSearch);\n    document.querySelector('[data-clear-site-search]')?.addEventListener('click', () => {\n      siteSearch.value = '';\n      updateSearch();\n      siteSearch.focus();\n    });\n      }\n    }\n  }\n\n  const sitemapSearch = document.querySelector('#sitemap-search');\n  const sitemapIndex = document.querySelector('[data-sitemap-index]');\n  const sitemapSearchStatus = document.querySelector('#sitemap-search-status');\n  if (sitemapSearch) {\n    if (sitemapIndex) {\n      if (sitemapSearchStatus) {\n    const links = [...sitemapIndex.querySelectorAll('[data-sitemap-link]')];\n    const groups = [...sitemapIndex.querySelectorAll('[data-sitemap-group]')];\n    const updateSitemapSearch = () => {\n      const query = sitemapSearch.value.toLowerCase().trim();\n      let visibleCount = 0;\n      links.forEach(link => {\n        const visible = !query || String(link.dataset.sitemapText || '').includes(query);\n        link.hidden = !visible;\n        if (visible) visibleCount += 1;\n      });\n      groups.forEach(group => {\n        group.hidden = ![...group.querySelectorAll('[data-sitemap-link]')].some(link => !link.hidden);\n      });\n      sitemapSearchStatus.textContent = query\n        ? `${visibleCount} matching ${visibleCount === 1 ? 'page' : 'pages'} found.`\n        : `Showing all ${links.length} pages.`;\n    };\n    sitemapSearch.addEventListener('input', updateSitemapSearch);\n    document.querySelector('[data-clear-sitemap]')?.addEventListener('click', () => {\n      sitemapSearch.value = '';\n      updateSitemapSearch();\n      sitemapSearch.focus();\n    });\n    updateSitemapSearch();\n      }\n    }\n  }\n\n  const revealTargets = [...document.querySelectorAll('[data-reveal]')];\n  if (revealTargets.length) {\n    if ('IntersectionObserver' in window) {\n      if (!matchMedia('(prefers-reduced-motion: reduce)').matches) {\n        const observer = new IntersectionObserver(entries => {\n          entries.forEach(entry => {\n            if (!entry.isIntersecting) return;\n            entry.target.classList.add('is-visible');\n            observer.unobserve(entry.target);\n          });\n        }, { threshold: .12, rootMargin: '0px 0px -6% 0px' });\n        revealTargets.forEach(target => observer.observe(target));\n      } else {\n        revealTargets.forEach(target => target.classList.add('is-visible'));\n      }\n    } else {\n      revealTargets.forEach(target => target.classList.add('is-visible'));\n    }\n  }\n})();\n<\/script>\n<script id=\"hdbelt-cf7-bridge\">(function(){\n  var endpoint=\"https:\/\/hdbelt.com\/wp-json\/contact-form-7\/v1\/contact-forms\/773\/feedback\",formId=\"773\";\n  document.querySelectorAll('[data-prototype-form],#rfq-form').forEach(function(form){\n    if(form.dataset.cf7Connected==='true')return;\n    form.dataset.cf7Connected='true';\n    form.addEventListener('submit',async function(event){\n      event.preventDefault();event.stopImmediatePropagation();\n      var status=document.querySelector('#'+CSS.escape(form.dataset.statusId||'dialog-status'));\n      var required=Array.from(form.querySelectorAll('[required]'));\n      var invalid=required.filter(function(field){return !field.checkValidity()});\n      required.forEach(function(field){field.toggleAttribute('aria-invalid',!field.checkValidity())});\n      if(invalid.length){if(status){status.classList.add('error');status.textContent=(invalid.length===1?'1 required field needs':invalid.length+' required fields need')+' attention.'}invalid[0].focus();return}\n      var source=new FormData(form);\n      if(String(source.get('website')||'').trim())return;\n      var data=new FormData();\n      data.append('_wpcf7',formId);data.append('_wpcf7_locale','en_US');data.append('_wpcf7_unit_tag','wpcf7-f'+formId+'-o1');data.append('_wpcf7_container_post','0');\n      ['name','email','company','phone_whatsapp','brief','intent','website'].forEach(function(key){data.append(key,String(source.get(key)||''))});\n      var file=source.get('files');if(file&&file.size)data.append('files',file,file.name);\n      var submit=form.querySelector('[type=\"submit\"]');if(submit)submit.disabled=true;\n      if(status){status.classList.remove('error');status.textContent='Sending your project brief\u2026'}\n      try{\n        var response=await fetch(endpoint,{method:'POST',body:data,credentials:'same-origin'});var result=await response.json();\n        if(response.ok&&result.status==='mail_sent'){\n          if(status)status.textContent=result.message||'Thank you. Your project brief has been sent.';\n          window.dataLayer=window.dataLayer||[];\n          window.dataLayer.push({event:'generate_lead',form_name:'rfq_form',lead_type:'website_rfq',form_intent:String(source.get('intent')||'General RFQ')});\n          form.reset();setTimeout(function(){location.assign('\/thank-you\/')},900);return;\n        }\n        if(status){status.classList.add('error');status.textContent=result.message||'The form could not be sent. Please review the fields and try again.'}\n        (result.invalid_fields||[]).forEach(function(item){var field=form.querySelector('[name=\"'+CSS.escape(String(item.field||'').replace(\/^.*.\/,''))+'\"]');if(field)field.setAttribute('aria-invalid','true')});\n      }catch(error){if(status){status.classList.add('error');status.textContent='The form could not connect. Please email info@hdbelt.com.'}}\n      finally{if(submit)submit.disabled=false}\n    },true);\n  });\n})();<\/script><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Turn belt concepts into production-ready specifications with design review, DFM, material and hardware development, tech packs and sampling handoff.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rank_math_title":"Belt Design & Development \u2014 US-China Trend Teams | HongDing","rank_math_description":"Turn belt concepts into production-ready specifications with design review, DFM, material and hardware development, tech packs and sampling handoff.","rank_math_focus_keyword":"custom belt design and development","rank_math_robots":"","rank_math_canonical_url":"","rank_math_facebook_title":"","rank_math_facebook_description":"","rank_math_twitter_title":"","rank_math_twitter_description":"","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_focuskw":"","_yoast_wpseo_canonical":"","_yoast_wpseo_meta-robots-noindex":"","_yoast_wpseo_meta-robots-nofollow":"","_yoast_wpseo_opengraph-title":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_twitter-title":"","_yoast_wpseo_twitter-description":"","_aioseo_title":"","_aioseo_description":"","_aioseo_keywords":"","_aioseo_robots_default":"","_aioseo_robots_noindex":"","_aioseo_og_title":"","_aioseo_og_description":"","_aioseo_twitter_title":"","_aioseo_twitter_description":"","aiosp_title":"","aiosp_description":"","aiosp_keywords":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_analysis_target_kw":"","_seopress_robots_canonical":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_genesis_title":"","_genesis_description":"","_genesis_canonical":"","_genesis_noindex":"","_genesis_nofollow":"","slim_seo":"","footnotes":""},"class_list":["post-741","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hdbelt.com\/fr\/wp-json\/wp\/v2\/pages\/741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hdbelt.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hdbelt.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hdbelt.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hdbelt.com\/fr\/wp-json\/wp\/v2\/comments?post=741"}],"version-history":[{"count":22,"href":"https:\/\/hdbelt.com\/fr\/wp-json\/wp\/v2\/pages\/741\/revisions"}],"predecessor-version":[{"id":2295,"href":"https:\/\/hdbelt.com\/fr\/wp-json\/wp\/v2\/pages\/741\/revisions\/2295"}],"wp:attachment":[{"href":"https:\/\/hdbelt.com\/fr\/wp-json\/wp\/v2\/media?parent=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}