{"id":10242,"date":"2026-07-16T03:17:25","date_gmt":"2026-07-16T03:17:25","guid":{"rendered":"https:\/\/signature4.com\/?page_id=10242"},"modified":"2026-07-18T11:58:07","modified_gmt":"2026-07-18T11:58:07","slug":"decorative-hardware","status":"publish","type":"page","link":"https:\/\/signature4.com\/4appliance\/decorative-hardware\/","title":{"rendered":"Decorative Hardware"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10242\" class=\"elementor elementor-10242\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3412377 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"3412377\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2455f6a3\" data-id=\"2455f6a3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-140dfca8 elementor-widget elementor-widget-html\" data-id=\"140dfca8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style id=\"s4-tokens\">\n:root {\n  --ink-pure:   #000000;\n  --ink-950:    #0c0c0c;\n  --ink-900:    #141414;\n  --ink-850:    #1c1c1c;\n  --ink-800:    #242424;\n  --ink-700:    #2e2e2e;\n  --ink-600:    #3a3a3a;\n\n  --paper-pure: #ffffff;\n  --paper-warm: #edede5;\n  --paper-warm-2:#e3e2d8;\n\n  --signal:        #e9e037;\n  --signal-bright: #f4ec55;\n  --signal-deep:   #cfc62c;\n  --signal-glow:   rgba(233, 224, 55, 0.28);\n\n  --fire:      #d9381e;\n  --appliance: #c9ccd2;\n\n  --text-primary:   #ffffff;\n  --text-secondary: rgba(255, 255, 255, 0.66);\n  --text-muted:     rgba(255, 255, 255, 0.45);\n  --text-faint:     rgba(255, 255, 255, 0.30);\n\n  --text-ink:        #1c1c1c;\n  --text-ink-soft:   rgba(28, 28, 28, 0.64);\n  --text-ink-muted:  rgba(28, 28, 28, 0.42);\n\n  --text-on-signal:  #161616;\n\n  --stroke-on-dark:   rgba(255, 255, 255, 0.14);\n  --stroke-on-dark-2: rgba(255, 255, 255, 0.08);\n  --stroke-on-light:  rgba(28, 28, 28, 0.16);\n  --stroke-signal:    var(--signal);\n\n  --bg-page:        var(--ink-pure);\n  --bg-surface:     var(--ink-850);\n  --bg-elevated:    var(--ink-800);\n  --bg-heritage:    var(--paper-warm);\n  --accent:         var(--signal);\n  --accent-contrast:var(--text-on-signal);\n  --divider:        var(--ink-600);\n\n  --font-sans:      \"Inter Tight\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  --font-signature: \"Allura\", \"Snell Roundhand\", cursive;\n\n  --fw-light:  300;\n  --fw-regular:400;\n  --fw-medium: 500;\n  --fw-semi:   600;\n  --fw-bold:   700;\n\n  --fs-display: clamp(3rem, 1.6rem + 5.6vw, 6rem);\n  --fs-h1:      clamp(2.4rem, 1.4rem + 3.6vw, 4rem);\n  --fs-h2:      clamp(1.9rem, 1.3rem + 2.4vw, 3rem);\n  --fs-h3:      clamp(1.4rem, 1.05rem + 1.3vw, 2rem);\n  --fs-h4:      clamp(1.15rem, 0.95rem + 0.7vw, 1.45rem);\n\n  --fs-lead:    clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);\n  --fs-body:    1.0625rem;\n  --fs-sm:      0.9375rem;\n  --fs-xs:      0.8125rem;\n\n  --fs-eyebrow: 0.75rem;\n  --fs-stat:    clamp(2.6rem, 1.6rem + 3.4vw, 4.25rem);\n\n  --lh-tight:  1.04;\n  --lh-snug:   1.18;\n  --lh-normal: 1.5;\n  --lh-loose:  1.65;\n\n  --ls-display:  -0.022em;\n  --ls-heading:  -0.015em;\n  --ls-body:      0em;\n  --ls-eyebrow:   0.22em;\n  --ls-ticker:    0.16em;\n\n  --space-0:  0;\n  --space-1:  0.25rem;\n  --space-2:  0.5rem;\n  --space-3:  0.75rem;\n  --space-4:  1rem;\n  --space-5:  1.5rem;\n  --space-6:  2rem;\n  --space-7:  3rem;\n  --space-8:  4rem;\n  --space-9:  6rem;\n  --space-10: 8rem;\n  --space-11: 11rem;\n\n  --section-y:    clamp(4rem, 2rem + 8vw, 9rem);\n  --section-y-lg: clamp(6rem, 3rem + 10vw, 11rem);\n\n  --container:      1280px;\n  --container-wide: 1480px;\n  --measure:        62ch;\n  --gutter:         clamp(1.25rem, 0.5rem + 3vw, 3rem);\n\n  --radius-pill: 999px;\n  --radius-0:    0px;\n  --radius-sm:   4px;\n  --radius-md:   8px;\n  --radius-lg:   14px;\n\n  --border-hair: 1px;\n  --border-cta:  1.5px;\n\n  --shadow-sm:  0 1px 2px rgba(0,0,0,0.40);\n  --shadow-md:  0 8px 24px rgba(0,0,0,0.45);\n  --shadow-lg:  0 24px 60px rgba(0,0,0,0.55);\n  --shadow-card:0 30px 80px rgba(0,0,0,0.60);\n\n  --focus-ring: 0 0 0 3px var(--signal-glow);\n\n  --scrim-bottom: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 28%, rgba(0,0,0,0) 62%);\n  --scrim-full:   linear-gradient(to top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.55) 100%);\n  --scrim-left:   linear-gradient(to right, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.30) 45%, rgba(0,0,0,0) 75%);\n\n  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);\n  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);\n  --dur-fast:   140ms;\n  --dur-base:   240ms;\n  --dur-slow:   520ms;\n  --transition: all var(--dur-base) var(--ease-out);\n}\n\n@font-face { font-family:'Inter Tight'; font-style:normal; font-weight:300 700; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/intertight-latin.woff2') format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }\n@font-face { font-family:'Inter Tight'; font-style:normal; font-weight:300 700; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/intertight-latinext.woff2') format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }\n@font-face { font-family:'Inter Tight'; font-style:italic; font-weight:300 700; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/intertight-italic-latin.woff2') format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }\n@font-face { font-family:'Inter Tight'; font-style:italic; font-weight:300 700; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/intertight-italic-latinext.woff2') format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }\n@font-face { font-family:'Allura'; font-style:normal; font-weight:400; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/allura-latin.woff2') format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }\n@font-face { font-family:'Allura'; font-style:normal; font-weight:400; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/allura-latinext.woff2') format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }\n\n*, *::before, *::after { box-sizing: border-box; }\n.s4-page { font-family: var(--font-sans); background: var(--ink-pure); color: var(--text-primary); overflow-x: hidden; }\n.s4-page img { display: block; max-width: 100%; }\n.s4-page a { color: inherit; }\n\n.k-eyebrow { font-family: var(--font-sans); font-size: var(--fs-eyebrow); font-weight: var(--fw-medium);\n  letter-spacing: var(--ls-eyebrow); text-transform: uppercase; margin: 0 0 var(--space-5); color: var(--text-secondary); }\n.k-display { font-family: var(--font-sans); font-size: var(--fs-display); font-weight: var(--fw-regular); line-height: var(--lh-tight);\n  letter-spacing: var(--ls-display); margin: 0; }\n.k-h1 { font-family: var(--font-sans); font-size: var(--fs-h1); font-weight: var(--fw-regular); line-height: var(--lh-tight);\n  letter-spacing: var(--ls-display); margin: 0; }\n.k-h2 { font-family: var(--font-sans); font-size: var(--fs-h2); font-weight: var(--fw-regular); line-height: var(--lh-snug);\n  letter-spacing: var(--ls-heading); margin: 0; }\n.k-h3 { font-family: var(--font-sans); font-size: var(--fs-h3); font-weight: var(--fw-medium); line-height: var(--lh-snug);\n  letter-spacing: var(--ls-heading); margin: 0; }\n.k-h4 { font-family: var(--font-sans); font-size: var(--fs-h4); font-weight: var(--fw-regular); line-height: var(--lh-snug);\n  letter-spacing: var(--ls-heading); margin: 0; }\n.k-lead { font-family: var(--font-sans); font-size: var(--fs-lead); line-height: var(--lh-normal); color: var(--text-secondary); margin: 0; }\n.k-body { font-family: var(--font-sans); font-size: var(--fs-body); line-height: var(--lh-normal); color: var(--text-secondary); }\n.k-marker { background: var(--signal); color: var(--text-on-signal); padding: 0.02em 0.2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }\n\n.k-btn { font-family: var(--font-sans); font-weight: var(--fw-medium); letter-spacing: -0.01em; line-height: 1;\n  border-radius: var(--radius-pill); border: var(--border-cta) solid transparent; cursor: pointer;\n  display: inline-flex; align-items: center; gap: 0.5rem; transition: var(--transition); text-decoration: none; white-space: nowrap; }\n.k-btn-sm { padding: 0.5rem 1.1rem; font-size: 0.875rem; }\n.k-btn-md { padding: 0.75rem 1.6rem; font-size: 1rem; }\n.k-btn-lg { padding: 1rem 2.1rem; font-size: 1.0625rem; }\n.k-btn-primary { background: var(--signal); color: var(--text-on-signal); }\n.k-btn-primary:hover { background: var(--signal-bright); transform: translateY(-1px); }\n.k-btn-primary:active { background: var(--signal-deep); transform: translateY(0); }\n.k-btn-ghost { background: transparent; color: var(--signal); border-color: var(--signal); }\n.k-btn-ghost:hover { background: rgba(233,224,55,0.1); }\n.k-btn-dark { background: var(--ink-800); color: #fff; border-color: var(--stroke-on-dark); }\n.k-btn-dark:hover { background: var(--ink-700); }\n.k-btn-ar { color: var(--signal); }\n.k-btn-primary .k-btn-ar { color: inherit; }\n.k-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }\n\n.k-alink { font-family: var(--font-sans); font-weight: var(--fw-medium); letter-spacing: -0.01em; text-decoration: none;\n  display: inline-flex; align-items: center; gap: 0.4em; transition: var(--transition); white-space: nowrap; }\n.k-alink-light { color: var(--text-primary); }\n.k-alink-signal { color: var(--signal); }\n.k-alink-md { font-size: 1.0625rem; } .k-alink-sm { font-size: 0.9375rem; } .k-alink-lg { font-size: 1.375rem; }\n.k-ar { color: var(--signal); font-size: 0.9em; transition: transform var(--dur-base) var(--ease-out); }\n.k-alink:hover .k-ar { transform: translate(3px,-3px); }\n\n.k-badge { display: inline-flex; align-items: center; gap: 0.4em; font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium);\n  letter-spacing: 0.04em; line-height: 1; padding: 0.4rem 0.85rem; border-radius: var(--radius-pill); border: 1px solid transparent; }\n.k-badge-solid { background: var(--signal); color: var(--text-on-signal); }\n.k-badge-outline { background: transparent; color: var(--signal); border-color: var(--signal); }\n.k-badge-quiet { background: var(--ink-800); color: var(--text-secondary); border-color: var(--stroke-on-dark); }\n\n.k-ph { position: relative; overflow: hidden; background: repeating-linear-gradient(135deg, #262626 0 14px, #1e1e1e 14px 28px); }\n.k-ph-light { background: repeating-linear-gradient(135deg, #dedcd2 0 14px, #e7e5db 14px 28px); }\n.k-ph-metal { background: linear-gradient(115deg, #1a1a1a 0%, #4a4a4d 38%, #6c6c70 50%, #3a3a3c 64%, #141414 100%); }\n.k-ph-label { position: absolute; top: 12px; left: 14px; font-family: ui-monospace, Menlo, monospace;\n  font-size: 11px; letter-spacing: 0.04em; color: var(--text-muted); }\n.k-ph-light .k-ph-label { color: var(--text-ink-muted); }\n\n.k-section { position: relative; }\n.k-bg-page { background: var(--ink-pure); color: var(--text-primary); }\n.k-bg-surface { background: var(--ink-850); color: var(--text-primary); }\n.k-bg-heritage { background: var(--paper-warm); color: var(--text-ink); }\n.k-bg-heritage em { color: var(--text-ink); }\n.k-pad-lg { padding-top: var(--section-y-lg); padding-bottom: var(--section-y-lg); }\n.k-pad-md { padding-top: var(--section-y); padding-bottom: var(--section-y); }\n.k-pad-sm { padding-top: var(--space-8); padding-bottom: var(--space-8); }\n.k-container { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); width: 100%; }\n.k-section em { font-style: italic; color: var(--text-primary); }\n\n.k-reveal { opacity: 1; }\n@media (prefers-reduced-motion: no-preference) {\n  .k-reveal.is-in { animation: k-rise 0.6s var(--ease-out) both; }\n}\n@keyframes k-rise { from { transform: translateY(18px); } to { transform: none; } }\n\n.k-ticker { overflow: hidden; border-top: 1px solid var(--stroke-on-dark-2); border-bottom: 1px solid var(--stroke-on-dark-2);\n  padding: 0.95rem 0; white-space: nowrap; background: var(--ink-pure); }\n.k-ticker-track { display: inline-flex; align-items: center; gap: 1.4rem; animation: k-tick linear infinite; }\n.k-ti { font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium); letter-spacing: var(--ls-ticker); text-transform: uppercase; color: var(--signal); }\n.k-bu { color: var(--signal); opacity: 0.45; }\n@keyframes k-tick { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n@media (prefers-reduced-motion: reduce) { .k-ticker-track { animation: none; } }\n\n.products-menu { transition: opacity .24s cubic-bezier(0.22,1,0.36,1), transform .24s cubic-bezier(0.22,1,0.36,1), visibility .24s; }\n.products-nav:hover .products-menu, .products-nav:focus-within .products-menu { opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateX(-50%) translateY(0) !important; }\n.products-nav:hover .pm-caret { transform: rotate(180deg); }\n<\/style>\n<script>\n(function () {\n  if (window.__s4RevealInit) return;\n  window.__s4RevealInit = true;\n  function scan(io) {\n    document.querySelectorAll('.k-reveal').forEach(function (el) {\n      if (!el.__s4Observed) { el.__s4Observed = true; io.observe(el); }\n    });\n  }\n  function init() {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });\n    scan(io);\n    var mo = new MutationObserver(function () { scan(io); });\n    mo.observe(document.body, { childList: true, subtree: true });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7fc53ed7 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"7fc53ed7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1c3561ea\" data-id=\"1c3561ea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-675f14d elementor-widget elementor-widget-html\" data-id=\"675f14d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<header style=\"position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:62vh; background:#000; isolation:isolate;\">\n  <div style=\"display:flex; flex-direction:column; justify-content:center; padding:clamp(2.5rem,5vw,4.5rem) clamp(2rem,4vw,3.5rem) clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,4.5vw,5.5rem);\">\n    <p class=\"k-eyebrow k-reveal\" style=\"color:var(--signal);\"><a href=\"4appliance-home\/#products\" style=\"color:var(--text-muted); text-decoration:none;\">Products<\/a> &nbsp;\/&nbsp; Decorative Hardware<\/p>\n    <h1 class=\"k-display k-reveal\" style=\"font-size:var(--fs-h1); max-width:15ch;\">Decorative <span style=\"font-style:italic; color:var(--signal);\">Hardware<\/span><\/h1>\n    <p class=\"k-lead k-reveal\" style=\"margin-top:var(--space-5); max-width:44ch;\">The jewelry of the appliance. Trim, accents, and finished details \u2014 plated, brushed, and painted in-house to make a product look as good as it works.<\/p>\n    <div class=\"k-reveal\" style=\"margin-top:var(--space-7); display:flex; gap:var(--space-4); flex-wrap:wrap; align-items:center;\">\n      <button type=\"button\" onclick=\"s4OpenQuote()\" class=\"k-btn k-btn-primary k-btn-lg\" style=\"appearance:none; -webkit-appearance:none;\">Get a Quote<\/button>\n      <a href=\"#variants\" class=\"k-btn k-btn-ghost k-btn-lg\">See the Range<span class=\"k-btn-ar\">\u2197<\/span><\/a>\n    <\/div>\n  <\/div>\n  <div style=\"position:relative; overflow:hidden; min-height:300px;\">\n    <div style=\"position:absolute; inset:0; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-hero.jpg); background-size:cover; background-position:center;\"><\/div>\n  <\/div>\n<\/header>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46ad2f53 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"46ad2f53\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62147c40\" data-id=\"62147c40\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d503c41 elementor-widget elementor-widget-html\" data-id=\"d503c41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section style=\"padding-top:var(--section-y); padding-bottom:var(--section-y); background-color:var(--ink-850);\">\n  <div class=\"k-container\" style=\"display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(2rem,5vw,5rem); align-items:center;\">\n    <div class=\"k-reveal\">\n      <p class=\"k-eyebrow\" style=\"color:var(--signal);\">Why It Matters<\/p>\n      <h2 class=\"k-h2\" style=\"max-width:15ch;\">The detail that reads as <span style=\"font-style:italic; color:var(--signal);\">quality<\/span><\/h2>\n      <p class=\"k-lead\" style=\"margin-top:var(--space-5); max-width:46ch;\">Decorative hardware is small but does heavy lifting \u2014 it's what makes a product feel premium on the showroom floor. We control plating, brushing, and paint in-house so the accent matches the brand and holds its look.<\/p>\n      <ul style=\"list-style:none; margin:var(--space-7) 0 0; padding:0;\">\n          <li style=\"font-size:var(--fs-body); color:var(--text-secondary); padding:.85rem 0 .85rem 1.4rem; border-top:1px solid var(--stroke-on-dark); position:relative;\"><span style=\"position:absolute; left:0; color:var(--signal);\">\u2013<\/span>Plating, brushing, and paint controlled in-house<\/li>\n          <li style=\"font-size:var(--fs-body); color:var(--text-secondary); padding:.85rem 0 .85rem 1.4rem; border-top:1px solid var(--stroke-on-dark); position:relative;\"><span style=\"position:absolute; left:0; color:var(--signal);\">\u2013<\/span>Accents color-matched to your brand and held run to run<\/li>\n          <li style=\"font-size:var(--fs-body); color:var(--text-secondary); padding:.85rem 0 .85rem 1.4rem; border-top:1px solid var(--stroke-on-dark); position:relative;\"><span style=\"position:absolute; left:0; color:var(--signal);\">\u2013<\/span>Finishes engineered to resist wear, heat, and cleaning<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"k-reveal\" style=\"position:relative; aspect-ratio:4\/5; overflow:hidden; isolation:isolate;\">\n      <div style=\"position:absolute; inset:0; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-why.jpg); background-size:cover; background-position:center;\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75da55c7 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"75da55c7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c36fead\" data-id=\"4c36fead\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aa1f7bf elementor-widget elementor-widget-html\" data-id=\"aa1f7bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section id=\"variants\" style=\"padding-top:var(--section-y); padding-bottom:var(--section-y); background-color:var(--ink-950);\">\n  <div class=\"k-container\">\n    <div style=\"display:flex; align-items:flex-end; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; margin-bottom:var(--space-8);\">\n      <div class=\"k-reveal\" style=\"max-width:46ch;\">\n        <p class=\"k-eyebrow\" style=\"color:var(--signal);\">The Range<\/p>\n        <h2 class=\"k-h2\">One shop, every decorative detail<\/h2>\n      <\/div>\n      <div class=\"k-reveal\" style=\"display:flex; gap:.6rem;\">\n        <button type=\"button\" onclick=\"s4RangePrev()\" aria-label=\"Previous\" style=\"width:46px; height:46px; border-radius:999px; border:1px solid var(--stroke-on-dark); background:transparent; color:var(--signal); font-size:1.1rem; cursor:pointer; display:flex; align-items:center; justify-content:center;\">\u2190<\/button>\n        <button type=\"button\" onclick=\"s4RangeNext()\" aria-label=\"Next\" style=\"width:46px; height:46px; border-radius:999px; border:1px solid var(--stroke-on-dark); background:transparent; color:var(--signal); font-size:1.1rem; cursor:pointer; display:flex; align-items:center; justify-content:center;\">\u2192<\/button>\n      <\/div>\n    <\/div>\n    <div id=\"range-gallery\" class=\"line-gallery\" style=\"display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding-left:max(var(--gutter), calc((100vw - var(--container)) \/ 2 + var(--gutter))); padding-right:25vw; scroll-padding-left:max(var(--gutter), calc((100vw - var(--container)) \/ 2 + var(--gutter)));\">\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph k-ph-metal\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">chrome trim strip<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-trim.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Trim &amp; Accents<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Strips and edge accents that frame the face.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">decorative bezel ring<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-bezels.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Bezels &amp; Rings<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Framed rings around knobs, lights, and displays.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph k-ph-metal\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">cast medallion<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-emblem.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Emblems &amp; Medallions<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Dimensional brand marks and decorative medallions.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">decorative pull<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-pulls.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Pulls &amp; Grips<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Decorative pulls and grip accents with real heft.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph k-ph-metal\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">finished foot spacer<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-foot.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Feet &amp; Spacers<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Visible feet and standoffs finished to match.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">decorative inlay<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-inlay.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Inlays &amp; Appliqu\u00e9s<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Applied inlays that add color and contrast.<\/p>\n          <\/div>\n        <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  window.s4RangePrev = function(){\n    var el = document.getElementById('range-gallery');\n    if (!el) return;\n    var c = el.firstElementChild;\n    var amt = (c ? c.getBoundingClientRect().width : 360) + 16;\n    el.scrollLeft -= amt;\n  };\n  window.s4RangeNext = function(){\n    var el = document.getElementById('range-gallery');\n    if (!el) return;\n    var c = el.firstElementChild;\n    var amt = (c ? c.getBoundingClientRect().width : 360) + 16;\n    el.scrollLeft += amt;\n  };\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-324e77e8 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"324e77e8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-26187da9\" data-id=\"26187da9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c0e7c9d elementor-widget elementor-widget-html\" data-id=\"6c0e7c9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section style=\"padding-top:var(--section-y); padding-bottom:var(--section-y); background-color:var(--ink-pure);\">\n  <div class=\"k-container\" style=\"display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center;\">\n    <div class=\"k-reveal\" style=\"position:relative; min-height:560px; overflow:hidden; isolation:isolate; order:2;\">\n      <img decoding=\"async\" src=\"https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dh-build.jpg\" alt=\"Exploded view \u2014 handle bar, posts, standoffs, washers, and fasteners\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center;\">\n    <\/div>\n    <div class=\"k-reveal\" style=\"order:1;\">\n      <p class=\"k-eyebrow\" style=\"color:var(--signal);\">How It's Built<\/p>\n      <h2 class=\"k-h2\" style=\"max-width:none; white-space:nowrap;\">Engineered layer by <span style=\"font-style:italic; color:var(--signal);\">layer<\/span><\/h2>\n      <p class=\"k-lead\" style=\"margin-top:var(--space-5); max-width:44ch;\">A decorative part is mostly surface \u2014 and surface is where it's hardest to be consistent. We control the substrate, plating, masking, and topcoat in-house so the finish is exactly right, every run.<\/p>\n      <ol style=\"list-style:none; margin:var(--space-7) 0 0; padding:0;\">\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">01<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Substrate<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Diecast, molded, or stamped base ready for finishing.<\/span>\n            <\/span>\n          <\/li>\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">02<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Plating \/ base finish<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Chrome, nickel, brass, or paint applied in-house.<\/span>\n            <\/span>\n          <\/li>\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">03<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Texture<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Brushing, knurling, or hammering for the right surface.<\/span>\n            <\/span>\n          <\/li>\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">04<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Masking &amp; accent<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Two-tone masking and color-fill where the design calls.<\/span>\n            <\/span>\n          <\/li>\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">05<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Topcoat<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Clear or anti-fingerprint coat for lasting durability.<\/span>\n            <\/span>\n          <\/li>\n      <\/ol>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35fd75c8 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"35fd75c8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52b82383\" data-id=\"52b82383\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52d41711 elementor-widget elementor-widget-html\" data-id=\"52d41711\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section style=\"padding-top:var(--section-y); padding-bottom:var(--section-y); background-color:var(--ink-850);\">\n  <div class=\"k-container\">\n    <div class=\"k-reveal\" style=\"display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--space-4); margin-bottom:var(--space-8);\">\n      <div>\n        <p class=\"k-eyebrow\" style=\"color:var(--signal);\">Configure Your Finish<\/p>\n        <h2 class=\"k-h2\">The look is yours to spec<\/h2>\n      <\/div>\n      <p class=\"k-lead\" style=\"max-width:48ch; margin:0;\">Pick a profile, a finish, and a texture \u2014 see the trim accent the way it will read on the product.<\/p>\n    <\/div>\n\n    <div style=\"display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(1.5rem,4vw,3rem); align-items:start;\">\n\n      <!-- PREVIEW -->\n      <div class=\"k-reveal\" style=\"position:sticky; top:88px;\">\n        <div style=\"position:relative; overflow:hidden; min-height:clamp(380px,44vw,540px); display:flex; align-items:center; justify-content:center; border:1px solid var(--stroke-on-dark-2); isolation:isolate;\">\n          <span style=\"position:absolute; inset:0; z-index:-3; background:radial-gradient(circle at 50% 38%, #2a2a2c, #161617 70%);\"><\/span>\n          <!-- trim bar -->\n          <div id=\"dh-trim-bar\" style=\"position:relative; width:70%; aspect-ratio:9 \/ 1; border-radius:4px; background:linear-gradient(135deg,#f4f6f8,#aeb4ba 45%,#dfe3e7 60%,#82888e); box-shadow:0 26px 60px rgba(0,0,0,0.55), inset 0 3px 4px rgba(255,255,255,0.7), inset 0 -3px 6px rgba(0,0,0,0.5); transition:aspect-ratio .4s, border-radius .4s, background .5s cubic-bezier(0.22,1,0.36,1); overflow:hidden;\">\n            <span id=\"dh-trim-texture\" style=\"position:absolute; inset:0; background-image:none; background-size:auto; mix-blend-mode:overlay; opacity:0; transition:opacity .35s;\"><\/span>\n          <\/div>\n          <span style=\"position:absolute; left:1.2rem; bottom:1.1rem; font-size:var(--fs-xs); letter-spacing:.12em; text-transform:uppercase; color:var(--text-muted);\">Live preview<\/span>\n        <\/div>\n        <div style=\"margin-top:var(--space-5);\">\n          <h3 class=\"k-h3\" id=\"dh-profile-name\" style=\"margin:0;\">Trim Strip Trim<\/h3>\n          <p style=\"font-size:var(--fs-sm); color:var(--text-muted); margin:.3rem 0 0;\" id=\"dh-spec-line\">Bright Chrome \u00b7 Polished \u00b7 Trim Strip<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- CONTROLS -->\n      <div>\n        <p class=\"k-reveal\" style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:0 0 var(--space-4);\">Profile \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:flex; flex-wrap:wrap; gap:.6rem;\">\n              <button type=\"button\" id=\"dh-profile-btn-0\" onclick=\"s4SetProfile(0)\" class=\"opt-pill\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:var(--signal); color:var(--text-on-signal); border:1px solid var(--signal);\">Trim Strip<\/button>\n              <button type=\"button\" id=\"dh-profile-btn-1\" onclick=\"s4SetProfile(1)\" class=\"opt-pill\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Bezel Ring<\/button>\n              <button type=\"button\" id=\"dh-profile-btn-2\" onclick=\"s4SetProfile(2)\" class=\"opt-pill\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Accent Bar<\/button>\n              <button type=\"button\" id=\"dh-profile-btn-3\" onclick=\"s4SetProfile(3)\" class=\"opt-pill\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Medallion<\/button>\n        <\/div>\n\n        <p class=\"k-reveal\" style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:var(--space-7) 0 var(--space-4);\">Finish \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px;\">\n              <button type=\"button\" id=\"dh-finish-tile-0\" onclick=\"s4SetFinish(0)\" class=\"finish-tile\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid var(--signal); outline-offset:-2px; box-shadow:0 10px 28px rgba(0,0,0,0.5);\">\n                <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#f4f6f8,#aeb4ba 45%,#dfe3e7 60%,#82888e);\"><\/span>\n                <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n                <span id=\"dh-finish-check-0\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:flex; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n                <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                  <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Bright Chrome<\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" id=\"dh-finish-tile-1\" onclick=\"s4SetFinish(1)\" class=\"finish-tile\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n                <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#d6d3cd,#b0aca5 50%,#cbc8c2);\"><\/span>\n                <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n                <span id=\"dh-finish-check-1\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n                <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                  <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Brushed Nickel<\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" id=\"dh-finish-tile-2\" onclick=\"s4SetFinish(2)\" class=\"finish-tile\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n                <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#e6c98a,#a07c3c 50%,#cda85e);\"><\/span>\n                <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n                <span id=\"dh-finish-check-2\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n                <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                  <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Brushed Brass<\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" id=\"dh-finish-tile-3\" onclick=\"s4SetFinish(3)\" class=\"finish-tile\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n                <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#e3a07a,#9c5a34 55%,#c47a52);\"><\/span>\n                <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n                <span id=\"dh-finish-check-3\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n                <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                  <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Copper<\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" id=\"dh-finish-tile-4\" onclick=\"s4SetFinish(4)\" class=\"finish-tile\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n                <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#3a3a3c,#161617 55%,#2a2a2c);\"><\/span>\n                <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n                <span id=\"dh-finish-check-4\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n                <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                  <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Matte Black<\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" id=\"dh-finish-tile-5\" onclick=\"s4SetFinish(5)\" class=\"finish-tile\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n                <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#d9534a,#9c2f28 55%,#c2403a);\"><\/span>\n                <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n                <span id=\"dh-finish-check-5\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n                <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                  <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Painted Color<\/span>\n                <\/span>\n              <\/button>\n        <\/div>\n\n        <p class=\"k-reveal\" style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:var(--space-7) 0 var(--space-4);\">Texture \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:flex; flex-wrap:wrap; gap:.6rem;\">\n              <button type=\"button\" id=\"dh-texture-btn-0\" onclick=\"s4SetTexture(0)\" class=\"opt-pill\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:var(--signal); color:var(--text-on-signal); border:1px solid var(--signal);\">Polished<\/button>\n              <button type=\"button\" id=\"dh-texture-btn-1\" onclick=\"s4SetTexture(1)\" class=\"opt-pill\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Brushed<\/button>\n              <button type=\"button\" id=\"dh-texture-btn-2\" onclick=\"s4SetTexture(2)\" class=\"opt-pill\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Knurled<\/button>\n              <button type=\"button\" id=\"dh-texture-btn-3\" onclick=\"s4SetTexture(3)\" class=\"opt-pill\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Hammered<\/button>\n        <\/div>\n\n        <div class=\"k-reveal\" style=\"margin-top:var(--space-8); display:flex; align-items:center; gap:1rem; flex-wrap:wrap;\">\n          <button type=\"button\" onclick=\"s4QuoteThis()\" class=\"k-btn k-btn-primary k-btn-md\" style=\"appearance:none; -webkit-appearance:none;\">Quote This Spec<\/button>\n          <button type=\"button\" onclick=\"s4ResetSpec()\" style=\"background:none; border:none; color:var(--text-muted); font-size:var(--fs-sm); cursor:pointer; text-decoration:underline; text-underline-offset:3px;\">Reset<\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var profiles = [{\"t\":\"Trim Strip\",\"aspect\":\"9 \/ 1\",\"radius\":\"4px\"},{\"t\":\"Bezel Ring\",\"aspect\":\"1 \/ 1\",\"radius\":\"50%\"},{\"t\":\"Accent Bar\",\"aspect\":\"5 \/ 2\",\"radius\":\"10px\"},{\"t\":\"Medallion\",\"aspect\":\"3 \/ 2\",\"radius\":\"16px\"}];\n  var finishes = [{\"t\":\"Bright Chrome\",\"swatch\":\"linear-gradient(135deg,#f4f6f8,#aeb4ba 45%,#dfe3e7 60%,#82888e)\"},{\"t\":\"Brushed Nickel\",\"swatch\":\"linear-gradient(135deg,#d6d3cd,#b0aca5 50%,#cbc8c2)\"},{\"t\":\"Brushed Brass\",\"swatch\":\"linear-gradient(135deg,#e6c98a,#a07c3c 50%,#cda85e)\"},{\"t\":\"Copper\",\"swatch\":\"linear-gradient(135deg,#e3a07a,#9c5a34 55%,#c47a52)\"},{\"t\":\"Matte Black\",\"swatch\":\"linear-gradient(135deg,#3a3a3c,#161617 55%,#2a2a2c)\"},{\"t\":\"Painted Color\",\"swatch\":\"linear-gradient(135deg,#d9534a,#9c2f28 55%,#c2403a)\"}];\n  var textures = [{\"t\":\"Polished\",\"bg\":\"none\",\"size\":\"auto\",\"op\":0},{\"t\":\"Brushed\",\"bg\":\"repeating-linear-gradient(90deg, rgba(255,255,255,0.5) 0px, rgba(0,0,0,0.28) 1px, rgba(255,255,255,0.32) 2px)\",\"size\":\"3px 100%\",\"op\":0.5},{\"t\":\"Knurled\",\"bg\":\"repeating-linear-gradient(45deg, rgba(255,255,255,0.4) 0px, rgba(0,0,0,0.3) 2px, rgba(255,255,255,0.25) 4px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.3) 0px, rgba(0,0,0,0.22) 2px, rgba(255,255,255,0.2) 4px)\",\"size\":\"7px 7px\",\"op\":0.55},{\"t\":\"Hammered\",\"bg\":\"radial-gradient(circle at 30% 30%, rgba(255,255,255,0.5), rgba(0,0,0,0.32) 60%), radial-gradient(circle at 70% 70%, rgba(255,255,255,0.4), rgba(0,0,0,0.28) 60%)\",\"size\":\"18px 18px\",\"op\":0.5}];\n  var state = { profile: 0, finish: 0, texture: 0 };\n\n  function render(){\n    var p = profiles[state.profile], f = finishes[state.finish], t = textures[state.texture];\n    var bar = document.getElementById('dh-trim-bar');\n    if (bar) { bar.style.aspectRatio = p.aspect; bar.style.borderRadius = p.radius; bar.style.background = f.swatch; }\n    var tex = document.getElementById('dh-trim-texture');\n    if (tex) { tex.style.backgroundImage = t.bg; tex.style.backgroundSize = t.size; tex.style.opacity = t.op; }\n    var nameEl = document.getElementById('dh-profile-name');\n    if (nameEl) nameEl.textContent = p.t + ' Trim';\n    var specEl = document.getElementById('dh-spec-line');\n    if (specEl) specEl.textContent = f.t + ' \\u00b7 ' + t.t + ' \\u00b7 ' + p.t;\n\n    profiles.forEach(function(pr, i){\n      var btn = document.getElementById('dh-profile-btn-' + i);\n      if (!btn) return;\n      var on = i === state.profile;\n      btn.style.background = on ? 'var(--signal)' : 'transparent';\n      btn.style.color = on ? 'var(--text-on-signal)' : 'var(--text-secondary)';\n      btn.style.borderColor = on ? 'var(--signal)' : 'var(--stroke-on-dark)';\n    });\n    finishes.forEach(function(fi, i){\n      var tile = document.getElementById('dh-finish-tile-' + i);\n      var check = document.getElementById('dh-finish-check-' + i);\n      if (!tile) return;\n      var on = i === state.finish;\n      tile.style.outlineColor = on ? 'var(--signal)' : 'transparent';\n      tile.style.boxShadow = on ? '0 10px 28px rgba(0,0,0,0.5)' : '0 1px 0 rgba(255,255,255,0.05)';\n      if (check) check.style.display = on ? 'flex' : 'none';\n    });\n    textures.forEach(function(tx, i){\n      var btn = document.getElementById('dh-texture-btn-' + i);\n      if (!btn) return;\n      var on = i === state.texture;\n      btn.style.background = on ? 'var(--signal)' : 'transparent';\n      btn.style.color = on ? 'var(--text-on-signal)' : 'var(--text-secondary)';\n      btn.style.borderColor = on ? 'var(--signal)' : 'var(--stroke-on-dark)';\n    });\n  }\n\n  window.s4SetProfile = function(i){ state.profile = i; render(); };\n  window.s4SetFinish = function(i){ state.finish = i; render(); };\n  window.s4SetTexture = function(i){ state.texture = i; render(); };\n  window.s4ResetSpec = function(){ state.profile = 0; state.finish = 0; state.texture = 0; render(); };\n\n  render();\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1995df80 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"1995df80\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20b4ecb6\" data-id=\"20b4ecb6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c55c934 elementor-widget elementor-widget-html\" data-id=\"6c55c934\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section style=\"background:var(--ink-950); padding-top:var(--space-9); padding-bottom:var(--space-9); border-top:1px solid var(--stroke-on-dark-2);\">\n  <div class=\"k-container\" style=\"display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;\">\n    <div>\n      <p class=\"k-eyebrow\" style=\"margin-bottom:.4rem;\">Next Product<\/p>\n      <a href=\"https:\/\/signature4.com\/4appliance\/knobs-handles\/\" class=\"k-alink k-alink-light k-alink-lg\">Knobs &amp; Handles<span class=\"k-ar\">\u2197<\/span><\/a>\n    <\/div>\n    <a href=\"4appliance-home\/#products\" class=\"k-alink k-alink-light k-alink-md\">View all products<span class=\"k-ar\">\u2197<\/span><\/a>\n  <\/div>\n<\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1469bc1b elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"1469bc1b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20d21e60\" data-id=\"20d21e60\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-546ebe4 elementor-widget elementor-widget-html\" data-id=\"546ebe4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<div id=\"dh-quote-modal\" onclick=\"s4CloseQuote()\" style=\"display:none; position:fixed; inset:0; z-index:100; background:rgba(0,0,0,0.7); backdrop-filter:blur(6px); align-items:center; justify-content:center; padding:var(--gutter);\">\n  <div onclick=\"s4StopProp(event)\" style=\"width:100%; max-width:520px; background:var(--ink-850); border:1px solid var(--stroke-on-dark); border-radius:var(--radius-lg); padding:clamp(1.75rem,4vw,2.5rem); position:relative;\">\n    <button type=\"button\" onclick=\"s4CloseQuote()\" aria-label=\"Close\" style=\"position:absolute; top:1rem; right:1rem; background:none; border:none; color:var(--text-muted); font-size:1.4rem; cursor:pointer; line-height:1;\">\u00d7<\/button>\n    <div id=\"dh-quote-form-view\">\n      <p class=\"k-eyebrow\" style=\"color:var(--signal); text-align:left;\">Start a Project<\/p>\n      <h3 class=\"k-h3\" style=\"margin:0 0 .4rem;\">Tell us what you're making.<\/h3>\n      <p style=\"font-size:var(--fs-sm); color:var(--text-secondary); margin:0 0 var(--space-6);\">We move ideas <span style=\"font-style:italic; color:var(--signal);\">Fourward<\/span> \u2014 plated, brushed, painted, finished.<\/p>\n      <div style=\"margin-bottom:var(--space-4);\">\n        <label style=\"display:block; font-size:var(--fs-xs); letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:.4rem;\">Name<\/label>\n        <input id=\"dh-form-name\" placeholder=\"Jordan Maker\" style=\"width:100%; background:var(--ink-900); border:1px solid var(--stroke-on-dark); border-radius:var(--radius-sm); color:#fff; font-family:var(--font-sans); font-size:var(--fs-body); padding:.7rem .85rem;\">\n      <\/div>\n      <div style=\"margin-bottom:var(--space-4);\">\n        <label style=\"display:block; font-size:var(--fs-xs); letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:.4rem;\">Company<\/label>\n        <input id=\"dh-form-company\" placeholder=\"Acme Appliance\" style=\"width:100%; background:var(--ink-900); border:1px solid var(--stroke-on-dark); border-radius:var(--radius-sm); color:#fff; font-family:var(--font-sans); font-size:var(--fs-body); padding:.7rem .85rem;\">\n      <\/div>\n      <div style=\"margin-bottom:var(--space-4);\">\n        <label style=\"display:block; font-size:var(--fs-xs); letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:.4rem;\">Project details<\/label>\n        <textarea id=\"dh-form-details\" rows=\"3\" placeholder=\"Profile, finish, texture, volumes\u2026\" style=\"width:100%; background:var(--ink-900); border:1px solid var(--stroke-on-dark); border-radius:var(--radius-sm); color:#fff; font-family:var(--font-sans); font-size:var(--fs-body); padding:.7rem .85rem; resize:vertical;\"><\/textarea>\n      <\/div>\n      <div style=\"margin-top:var(--space-5); display:flex; gap:var(--space-3);\">\n        <button type=\"button\" id=\"dh-submit-btn\" onclick=\"s4SubmitQuote()\" class=\"k-btn k-btn-md k-btn-primary\" style=\"opacity:.5; cursor:not-allowed;\">Submit RFQ<\/button>\n        <button type=\"button\" onclick=\"s4CloseQuote()\" class=\"k-btn k-btn-md k-btn-dark\">Cancel<\/button>\n      <\/div>\n    <\/div>\n    <div id=\"dh-quote-sent-view\" style=\"display:none; text-align:center; padding:var(--space-6) 0;\">\n      <div style=\"width:56px; height:56px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); display:flex; align-items:center; justify-content:center; font-size:1.7rem; margin:0 auto var(--space-4);\">\u2197<\/div>\n      <h3 class=\"k-h3\" style=\"margin:0 0 .4rem;\">Thanks, <span id=\"dh-thanks-name\">there<\/span>.<\/h3>\n      <p style=\"font-size:var(--fs-sm); color:var(--text-secondary); margin:0 0 var(--space-6);\">A real human will be in touch about your decorative hardware project.<\/p>\n      <button type=\"button\" onclick=\"s4CloseQuote()\" class=\"k-btn k-btn-md k-btn-primary\">Done<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  function byId(id){ return document.getElementById(id); }\n  function updateSubmitState(){\n    var name = byId('dh-form-name'); var company = byId('dh-form-company');\n    var btn = byId('dh-submit-btn');\n    if (!name || !company || !btn) return;\n    var valid = !!(name.value.trim() && company.value.trim());\n    btn.style.opacity = valid ? '1' : '.5';\n    btn.style.cursor = valid ? 'pointer' : 'not-allowed';\n  }\n  window.s4OpenQuote = function(){\n    var modal = byId('dh-quote-modal');\n    if (!modal) return;\n    modal.style.display = 'flex';\n    var formView = byId('dh-quote-form-view'); var sentView = byId('dh-quote-sent-view');\n    if (formView) formView.style.display = 'block';\n    if (sentView) sentView.style.display = 'none';\n    updateSubmitState();\n  };\n  window.s4QuoteThis = window.s4OpenQuote;\n  window.s4CloseQuote = function(){\n    var modal = byId('dh-quote-modal');\n    if (modal) modal.style.display = 'none';\n  };\n  window.s4StopProp = function(e){ if (e && e.stopPropagation) e.stopPropagation(); };\n  window.s4SubmitQuote = function(){\n    var name = byId('dh-form-name'); var company = byId('dh-form-company');\n    if (!name || !company) return;\n    var valid = !!(name.value.trim() && company.value.trim());\n    if (!valid) return;\n    var formView = byId('dh-quote-form-view'); var sentView = byId('dh-quote-sent-view');\n    if (formView) formView.style.display = 'none';\n    if (sentView) sentView.style.display = 'block';\n    var first = name.value.trim().split(' ')[0] || 'there';\n    var nameSpan = byId('dh-thanks-name');\n    if (nameSpan) nameSpan.textContent = first;\n  };\n  document.addEventListener('input', function(e){\n    if (e.target && (e.target.id === 'dh-form-name' || e.target.id === 'dh-form-company')) {\n      updateSubmitState();\n    }\n  });\n  document.addEventListener('keydown', function(e){\n    if (e.key === 'Escape') window.s4CloseQuote();\n  });\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a83fd4a elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"7a83fd4a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-336d5f15\" data-id=\"336d5f15\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2b722268 elementor-widget elementor-widget-html\" data-id=\"2b722268\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<footer style=\"background:var(--ink-950); border-top:1px solid var(--stroke-on-dark-2); padding-top:var(--space-9);\">\n  <div class=\"k-container\" style=\"display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:var(--space-7); padding-bottom:var(--space-8);\">\n    <div>\n      <div style=\"margin-bottom:var(--space-4);\"><img decoding=\"async\" src=\"https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/4appliance-nav.png\" alt=\"4 Appliance\" style=\"height:22px; display:block;\"><\/div>\n      <p style=\"font-size:var(--fs-sm); color:var(--text-secondary); max-width:28ch; margin:0;\">Manufactured to Perform. Finished to Impress.<\/p>\n    <\/div>\n    <div>\n      <p style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:0 0 var(--space-4);\">Navigate<\/p>\n      <a href=\"4appliance-home\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Overview<\/a>\n      <a href=\"4appliance-home\/#products\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Products<\/a>\n      <a href=\"https:\/\/signature4.com\/4appliance\/case-studies\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Case Studies<\/a>\n      <a href=\"4appliance-home\/4appliance-resources\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Resources<\/a>\n    <\/div>\n    <div>\n      <p style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:0 0 var(--space-4);\">Markets<\/p>\n      <a href=\"https:\/\/signature4.com\/4fireoverview\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">4 Fire<\/a>\n      <a href=\"4appliance-home\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">4 Appliance<\/a>\n      <a href=\"https:\/\/signature4.com\/4appliance-home\/4appliance-capabilities\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Capabilities<\/a>\n    <\/div>\n    <div>\n      <p style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:0 0 var(--space-4);\">Coldwater, Ohio<\/p>\n      <p style=\"font-size:var(--fs-sm); color:var(--text-secondary); margin:0;\">149 Harvest Drive \u00b7 EST. 2000<br>One small town. One big operation.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"k-container\" style=\"display:flex; justify-content:space-between; padding:var(--space-5) 0; border-top:1px solid var(--stroke-on-dark-2); font-size:var(--fs-xs); color:var(--text-muted);\">\n    <span>\u00a9 2026 Signature 4. All rights reserved.<\/span>\n    <span>Terms \u00b7 Privacy \u00b7 Site Credits<\/span>\n  <\/div>\n<\/footer>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Products &nbsp;\/&nbsp; Decorative Hardware Decorative Hardware The jewelry of the appliance. Trim, accents, and finished details \u2014 plated, brushed, and painted in-house to make a product look as good as it works. Get a Quote See the Range\u2197 Why It Matters The detail that reads as quality Decorative hardware is small but does heavy lifting \u2014 it&#8217;s what makes a product feel premium on the showroom floor. We control plating, brushing, and paint in-house so the accent matches the brand and holds its look. \u2013Plating, brushing, and paint controlled in-house \u2013Accents color-matched to your brand and held run to run \u2013Finishes engineered to resist wear, heat, and cleaning The Range One shop, every decorative detail \u2190 \u2192 chrome trim strip Trim &amp; Accents Strips and edge accents that frame the face. decorative bezel ring Bezels &amp; Rings Framed rings around knobs, lights, and displays. cast medallion Emblems &amp; Medallions Dimensional brand marks and decorative medallions. decorative pull Pulls &amp; Grips Decorative pulls and grip accents with real heft. finished foot spacer Feet &amp; Spacers Visible feet and standoffs finished to match. decorative inlay Inlays &amp; Appliqu\u00e9s Applied inlays that add color and contrast. How It&#8217;s Built Engineered layer by layer A decorative part is mostly surface \u2014 and surface is where it&#8217;s hardest to be consistent. We control the substrate, plating, masking, and topcoat in-house so the finish is exactly right, every run. 01 Substrate Diecast, molded, or stamped base ready for finishing. 02 Plating \/ base finish Chrome, nickel, brass, or paint applied in-house. 03 Texture Brushing, knurling, or hammering for the right surface. 04 Masking &amp; accent Two-tone masking and color-fill where the design calls. 05 Topcoat Clear or anti-fingerprint coat for lasting durability. Configure Your Finish The look is yours to spec Pick a profile, a finish, and a texture \u2014 see the trim accent the way it will read on the product. Live preview Trim Strip Trim Bright Chrome \u00b7 Polished \u00b7 Trim Strip Profile \u2014 pick one Trim Strip Bezel Ring Accent Bar Medallion Finish \u2014 pick one \u2713 Bright Chrome \u2713 Brushed Nickel \u2713 Brushed Brass \u2713 Copper \u2713 Matte Black \u2713 Painted Color Texture \u2014 pick one Polished Brushed Knurled Hammered Quote This Spec Reset Next Product Knobs &amp; Handles\u2197 View all products\u2197 \u00d7 Start a Project Tell us what you&#8217;re making. We move ideas Fourward \u2014 plated, brushed, painted, finished. Name Company Project details Submit RFQ Cancel \u2197 Thanks, there. A real human will be in touch about your decorative hardware project. Done Manufactured to Perform. Finished to Impress. Navigate Overview Products Case Studies Resources Markets 4 Fire 4 Appliance Capabilities Coldwater, Ohio 149 Harvest Drive \u00b7 EST. 2000One small town. One big operation. \u00a9 2026 Signature 4. All rights reserved. Terms \u00b7 Privacy \u00b7 Site Credits<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-10242","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/comments?post=10242"}],"version-history":[{"count":5,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10242\/revisions"}],"predecessor-version":[{"id":11827,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10242\/revisions\/11827"}],"wp:attachment":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/media?parent=10242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}