{"id":11719,"date":"2026-07-17T15:20:25","date_gmt":"2026-07-17T15:20:25","guid":{"rendered":"https:\/\/signature4.com\/4appliance\/?page_id=11719"},"modified":"2026-07-21T18:57:33","modified_gmt":"2026-07-21T18:57:33","slug":"resources","status":"publish","type":"page","link":"https:\/\/signature4.com\/4appliance\/resources\/","title":{"rendered":"Resources"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11719\" class=\"elementor elementor-11719\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38e1a3c8 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=\"38e1a3c8\" 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-2c96157e\" data-id=\"2c96157e\" 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\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-2def32ac 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=\"2def32ac\" 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-7016a08b\" data-id=\"7016a08b\" 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-33ae76b7 elementor-widget elementor-widget-html\" data-id=\"33ae76b7\" 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 id=\"top\" style=\"position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--stroke-on-dark-2); min-height: clamp(380px, 52vh, 540px); display: flex; align-items: flex-end;\">\n  <div class=\"k-ph k-ph-metal\" style=\"position: absolute; inset: 0; z-index: -2;\"><span class=\"k-ph-label\">brushed stainless \u2014 capabilities literature spread<\/span><\/div>\n  <div style=\"position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8,8,8,0.62) 0%, rgba(8,8,8,0.12) 38%, rgba(8,8,8,0.55) 78%, rgba(8,8,8,0.95) 100%);\"><\/div>\n  <div class=\"k-container\" style=\"padding-top: clamp(3rem, 8vw, 7rem); padding-bottom: clamp(2rem, 4vw, 3.5rem);\">\n    <p class=\"k-eyebrow\" style=\"color: var(--signal); margin-bottom: var(--space-4);\">Resources<\/p>\n    <h1 class=\"k-display\" style=\"line-height: 1.04; font-size: 60px; max-width: 18ch; text-shadow: 0 2px 30px rgba(0,0,0,0.5);\">Specs, Catalogs &amp;<br><span style=\"color: var(--signal); font-style: italic;\">Brand Literature<\/span><\/h1>\n    <p class=\"k-lead\" style=\"margin-top: var(--space-5); max-width: 52ch; text-shadow: 0 1px 16px rgba(0,0,0,0.6);\">Download product spec sheets, finish guides, full catalogs, and Signature 4 brand books. Everything you need to spec an appliance program or get to know how we work.<\/p>\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-1a66824d 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=\"1a66824d\" 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-3f5e4604\" data-id=\"3f5e4604\" 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-21993810 elementor-widget elementor-widget-html\" data-id=\"21993810\" 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 style=\"position: sticky; top: 61px; z-index: 40; background: rgba(12,12,12,0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--stroke-on-dark-2);\">\n  <div class=\"k-container\" style=\"display: flex; align-items: center; gap: 1rem; padding-top: 0.9rem; padding-bottom: 0.9rem; flex-wrap: wrap;\">\n    <input type=\"text\" id=\"rsSearchInput\" placeholder=\"Search resources\u2026\" style=\"flex: 1; min-width: 200px; background: var(--ink-950); border: 1px solid var(--stroke-on-dark); border-radius: var(--radius-pill); padding: 0.7rem 1.1rem; color: var(--text-primary); font-family: var(--font-sans); font-size: var(--fs-sm); outline: none;\">\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem;\">\n      <button type=\"button\" class=\"rs-filter-btn\" data-key=\"all\" style=\"font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: 0.04em; padding: 0.5rem 0.95rem; border-radius: var(--radius-pill); cursor: pointer; font-family: var(--font-sans); border: 1px solid var(--signal); background: var(--signal); color: var(--text-on-signal);\">All<\/button>\n      <button type=\"button\" class=\"rs-filter-btn\" data-key=\"catalogs\" style=\"font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: 0.04em; padding: 0.5rem 0.95rem; border-radius: var(--radius-pill); cursor: pointer; font-family: var(--font-sans); border: 1px solid var(--stroke-on-dark); background: transparent; color: var(--text-secondary);\">Catalogs<\/button>\n      <button type=\"button\" class=\"rs-filter-btn\" data-key=\"specs\" style=\"font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: 0.04em; padding: 0.5rem 0.95rem; border-radius: var(--radius-pill); cursor: pointer; font-family: var(--font-sans); border: 1px solid var(--stroke-on-dark); background: transparent; color: var(--text-secondary);\">Spec Sheets<\/button>\n      <button type=\"button\" class=\"rs-filter-btn\" data-key=\"guides\" style=\"font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: 0.04em; padding: 0.5rem 0.95rem; border-radius: var(--radius-pill); cursor: pointer; font-family: var(--font-sans); border: 1px solid var(--stroke-on-dark); background: transparent; color: var(--text-secondary);\">Guides<\/button>\n      <button type=\"button\" class=\"rs-filter-btn\" data-key=\"sig4\" style=\"font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: 0.04em; padding: 0.5rem 0.95rem; border-radius: var(--radius-pill); cursor: pointer; font-family: var(--font-sans); border: 1px solid var(--stroke-on-dark); background: transparent; color: var(--text-secondary);\">Signature 4<\/button>\n    <\/div>\n  <\/div>\n<\/div>\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-7e0d5364 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=\"7e0d5364\" 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-c4d7885\" data-id=\"c4d7885\" 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-3310e9b3 elementor-widget elementor-widget-html\" data-id=\"3310e9b3\" 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=\"resources\" style=\"padding-top: var(--section-y); padding-bottom: var(--section-y);\">\n  <div class=\"k-container rs-stack\">\n    <div class=\"rs-group\" data-group-key=\"catalogs\">\n      <div style=\"display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--stroke-on-dark); padding-bottom: var(--space-4); margin-bottom: var(--space-6);\">\n        <h2 style=\"font-family: var(--font-sans); font-size: clamp(1.4rem, 1rem + 1.6vw, 2rem); font-weight: var(--fw-medium); letter-spacing: 0.02em; color: var(--text-primary); margin: 0;\">Appliance Literature<\/h2>\n        <span class=\"rs-count\" style=\"font-size: var(--fs-sm); color: var(--text-muted); white-space: nowrap;\">2 documents<\/span>\n      <\/div>\n      <div class=\"rs-grid\">\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"4 appliance capabilities catalog catalog\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Catalog<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">4 Appliance Capabilities Catalog<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Download <span>\u2193<\/span><\/span>\n      <\/a>\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"4 appliance line card line card\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Line Card<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">4 Appliance Line Card<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Download <span>\u2193<\/span><\/span>\n      <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"rs-group\" data-group-key=\"specs\">\n      <div style=\"display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--stroke-on-dark); padding-bottom: var(--space-4); margin-bottom: var(--space-6);\">\n        <h2 style=\"font-family: var(--font-sans); font-size: clamp(1.4rem, 1rem + 1.6vw, 2rem); font-weight: var(--fw-medium); letter-spacing: 0.02em; color: var(--text-primary); margin: 0;\">Product Spec Sheets<\/h2>\n        <span class=\"rs-count\" style=\"font-size: var(--fs-sm); color: var(--text-muted); white-space: nowrap;\">6 documents<\/span>\n      <\/div>\n      <div class=\"rs-grid\">\n      <a href=\"https:\/\/signature4.com\/4appliance\/knobs-handles\/\" class=\"rs-card\" data-search-text=\"knobs &amp; handles \u2014 configurations &amp; specs spec sheet\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">WEB<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Spec Sheet<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Knobs &amp; Handles \u2014 Configurations &amp; Specs<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">View <span>\u2197<\/span><\/span>\n      <\/a>\n      <a href=\"https:\/\/signature4.com\/4appliance\/logo-badges-nameplates\/\" class=\"rs-card\" data-search-text=\"logo badges &amp; nameplates \u2014 specs spec sheet\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">WEB<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Spec Sheet<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Logo Badges &amp; Nameplates \u2014 Specs<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">View <span>\u2197<\/span><\/span>\n      <\/a>\n      <a href=\"https:\/\/signature4.com\/4appliance\/control-panels-overlays\/\" class=\"rs-card\" data-search-text=\"control panels &amp; overlays \u2014 specs spec sheet\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">WEB<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Spec Sheet<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Control Panels &amp; Overlays \u2014 Specs<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">View <span>\u2197<\/span><\/span>\n      <\/a>\n      <a href=\"https:\/\/signature4.com\/4appliance\/range-hood-panels\/\" class=\"rs-card\" data-search-text=\"range hood panels \u2014 specs spec sheet\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">WEB<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Spec Sheet<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Range Hood Panels \u2014 Specs<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">View <span>\u2197<\/span><\/span>\n      <\/a>\n      <a href=\"https:\/\/signature4.com\/4appliance\/index-cams-internals\/\" class=\"rs-card\" data-search-text=\"index cams &amp; internals \u2014 specs spec sheet\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">WEB<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Spec Sheet<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Index Cams &amp; Internals \u2014 Specs<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">View <span>\u2197<\/span><\/span>\n      <\/a>\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"decorative hardware \u2014 specs spec sheet\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Spec Sheet<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Decorative Hardware \u2014 Specs<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Download <span>\u2193<\/span><\/span>\n      <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"rs-group\" data-group-key=\"guides\">\n      <div style=\"display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--stroke-on-dark); padding-bottom: var(--space-4); margin-bottom: var(--space-6);\">\n        <h2 style=\"font-family: var(--font-sans); font-size: clamp(1.4rem, 1rem + 1.6vw, 2rem); font-weight: var(--fw-medium); letter-spacing: 0.02em; color: var(--text-primary); margin: 0;\">Finish &amp; Material Guides<\/h2>\n        <span class=\"rs-count\" style=\"font-size: var(--fs-sm); color: var(--text-muted); white-space: nowrap;\">4 documents<\/span>\n      <\/div>\n      <div class=\"rs-grid\">\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"finish &amp; plating guide guide\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Guide<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Finish &amp; Plating Guide<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Download <span>\u2193<\/span><\/span>\n      <\/a>\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"material selection guide guide\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Guide<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Material Selection Guide<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Download <span>\u2193<\/span><\/span>\n      <\/a>\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"compliance &amp; certifications (rohs, reach) reference\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Reference<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Compliance &amp; Certifications (RoHS, REACH)<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Download <span>\u2193<\/span><\/span>\n      <\/a>\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"color matching standards guide\" style=\"opacity: 0.5; cursor: default;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Guide<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Color Matching Standards<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Coming Soon <span><\/span><\/span>\n      <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"rs-group\" data-group-key=\"sig4\">\n      <div style=\"display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--stroke-on-dark); padding-bottom: var(--space-4); margin-bottom: var(--space-6);\">\n        <h2 style=\"font-family: var(--font-sans); font-size: clamp(1.4rem, 1rem + 1.6vw, 2rem); font-weight: var(--fw-medium); letter-spacing: 0.02em; color: var(--text-primary); margin: 0;\">Signature 4 Literature<\/h2>\n        <span class=\"rs-count\" style=\"font-size: var(--fs-sm); color: var(--text-muted); white-space: nowrap;\">2 documents<\/span>\n      <\/div>\n      <div class=\"rs-grid\">\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"signature 4: driven by soul-utions brand book\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Brand Book<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">Signature 4: Driven By Soul-utions<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Download <span>\u2193<\/span><\/span>\n      <\/a>\n      <a href=\"#\" class=\"rs-card\" data-search-text=\"4 life brand book brand book\" style=\"opacity: 1; cursor: pointer;\">\n        <div class=\"rs-icon\" style=\"flex-shrink: 0; width: 46px; height: 56px; border-radius: 4px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; position: relative;\">\n          <span style=\"position: absolute; top: 7px; right: 6px; width: 12px; height: 12px; border-left: 1px solid var(--stroke-on-dark); border-bottom: 1px solid var(--stroke-on-dark);\"><\/span>\n          <span style=\"font-size: 8px; font-weight: var(--fw-semi); letter-spacing: 0.06em; color: var(--signal);\">PDF<\/span>\n        <\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n          <p class=\"rs-kind\" style=\"font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.25rem;\">Brand Book<\/p>\n          <p class=\"rs-title\" style=\"font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-primary); margin: 0;\">4 Life Brand Book<\/p>\n        <\/div>\n        <span class=\"k-alink k-alink-signal k-alink-sm\" style=\"white-space: nowrap;\">Download <span>\u2193<\/span><\/span>\n      <\/a>\n      <\/div>\n    <\/div>\n    <div id=\"rsNoResults\" style=\"display: none; text-align: center; padding: var(--space-9) 0; color: var(--text-muted);\">\n      <p class=\"k-h3\" style=\"color: var(--text-secondary);\">No resources match \u201c<span id=\"rsNoResultsQuery\"><\/span>\u201d.<\/p>\n      <button type=\"button\" id=\"rsClearSearch\" class=\"k-btn k-btn-ghost k-btn-md\" style=\"margin-top: var(--space-5);\">Clear search<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var searchInput = document.getElementById('rsSearchInput');\n  var filterBtns = document.querySelectorAll('.rs-filter-btn');\n  var groups = document.querySelectorAll('.rs-group');\n  var noResults = document.getElementById('rsNoResults');\n  var noResultsQuery = document.getElementById('rsNoResultsQuery');\n  var clearBtn = document.getElementById('rsClearSearch');\n  var activeFilter = 'all';\n\n  function setActiveFilterBtn(activeBtn) {\n    filterBtns.forEach(function(b){\n      var on = b === activeBtn;\n      b.style.background = on ? 'var(--signal)' : 'transparent';\n      b.style.color = on ? 'var(--text-on-signal)' : 'var(--text-secondary)';\n      b.style.borderColor = on ? 'var(--signal)' : 'var(--stroke-on-dark)';\n    });\n  }\n\n  function applyFilters() {\n    var q = searchInput.value.trim().toLowerCase();\n    var anyVisible = false;\n    groups.forEach(function(g){\n      var key = g.getAttribute('data-group-key');\n      var groupMatchesFilter = (activeFilter === 'all' || activeFilter === key);\n      var cards = g.querySelectorAll('.rs-card');\n      var visibleCount = 0;\n      cards.forEach(function(c){\n        var text = c.getAttribute('data-search-text') || '';\n        var matchesSearch = !q || text.indexOf(q) !== -1;\n        var show = groupMatchesFilter && matchesSearch;\n        c.style.display = show ? '' : 'none';\n        if (show) visibleCount++;\n      });\n      var showGroup = groupMatchesFilter && visibleCount > 0;\n      g.style.display = showGroup ? '' : 'none';\n      var countEl = g.querySelector('.rs-count');\n      if (countEl) countEl.textContent = visibleCount + (visibleCount === 1 ? ' document' : ' documents');\n      if (showGroup) anyVisible = true;\n    });\n    noResults.style.display = anyVisible ? 'none' : 'block';\n    if (noResultsQuery) noResultsQuery.textContent = q;\n  }\n\n  searchInput.addEventListener('input', applyFilters);\n  filterBtns.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      activeFilter = btn.getAttribute('data-key');\n      setActiveFilterBtn(btn);\n      applyFilters();\n    });\n  });\n  if (clearBtn) {\n    clearBtn.addEventListener('click', function(){\n      searchInput.value = '';\n      activeFilter = 'all';\n      setActiveFilterBtn(filterBtns[0]);\n      applyFilters();\n    });\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-2fe9daeb 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=\"2fe9daeb\" 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-159251c0\" data-id=\"159251c0\" 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-4bd69992 elementor-widget elementor-widget-html\" data-id=\"4bd69992\" 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=\"border-top: 1px solid var(--stroke-on-dark-2); padding: clamp(3rem, 6vw, 5rem) 0;\">\n  <div class=\"k-container\" style=\"display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); flex-wrap: wrap;\">\n    <div>\n      <h2 class=\"k-h2\">Can\u2019t find what you need?<\/h2>\n      <p class=\"k-body\" style=\"margin-top: var(--space-3); max-width: 48ch;\">Tell us your appliance and the part you\u2019re after \u2014 we\u2019ll send the right spec sheet or build you a custom configuration.<\/p>\n    <\/div>\n    <button type=\"button\" class=\"k-btn k-btn-primary k-btn-lg js-open-quote\">Talk to a Real Human<\/button>\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-6a83b015 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=\"6a83b015\" 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-75eb751a\" data-id=\"75eb751a\" 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-565b7d8a elementor-widget elementor-widget-html\" data-id=\"565b7d8a\" 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 style=\"position: fixed; right: 20px; bottom: 20px; z-index: 90; display: flex; flex-direction: column; align-items: flex-end; gap: 12px;\">\n  <div id=\"rsTweaksPanel\" style=\"display: none; width: 260px; background: var(--ink-850); border: 1px solid var(--stroke-on-dark); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); padding: 1.1rem 1.15rem;\">\n    <p style=\"font-size: var(--fs-eyebrow); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--text-muted); margin: 0 0 0.9rem;\">Display<\/p>\n    <p style=\"font-size: var(--fs-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-secondary); margin: 0 0 0.5rem;\">Layout<\/p>\n    <div style=\"display: flex; gap: 0.3rem; background: var(--ink-950); border: 1px solid var(--stroke-on-dark); border-radius: var(--radius-pill); padding: 0.25rem; margin-bottom: 1.1rem;\">\n      <button type=\"button\" class=\"rs-layout-btn\" data-layout=\"cards\" style=\"flex: 1; font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium); padding: 0.4rem 0; border: none; border-radius: 999px; cursor: pointer; background: var(--signal); color: var(--text-on-signal);\">Cards<\/button>\n      <button type=\"button\" class=\"rs-layout-btn\" data-layout=\"list\" style=\"flex: 1; font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium); padding: 0.4rem 0; border: none; border-radius: 999px; cursor: pointer; background: transparent; color: var(--text-secondary);\">List<\/button>\n      <button type=\"button\" class=\"rs-layout-btn\" data-layout=\"index\" style=\"flex: 1; font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium); padding: 0.4rem 0; border: none; border-radius: 999px; cursor: pointer; background: transparent; color: var(--text-secondary);\">Index<\/button>\n    <\/div>\n    <p style=\"font-size: var(--fs-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-secondary); margin: 0 0 0.5rem;\">Density<\/p>\n    <div style=\"display: flex; gap: 0.3rem; background: var(--ink-950); border: 1px solid var(--stroke-on-dark); border-radius: var(--radius-pill); padding: 0.25rem;\">\n      <button type=\"button\" class=\"rs-density-btn\" data-density=\"roomy\" style=\"flex: 1; font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium); padding: 0.4rem 0; border: none; border-radius: 999px; cursor: pointer; background: var(--signal); color: var(--text-on-signal);\">Roomy<\/button>\n      <button type=\"button\" class=\"rs-density-btn\" data-density=\"compact\" style=\"flex: 1; font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium); padding: 0.4rem 0; border: none; border-radius: 999px; cursor: pointer; background: transparent; color: var(--text-secondary);\">Compact<\/button>\n    <\/div>\n  <\/div>\n  <button type=\"button\" id=\"rsTweaksToggle\" style=\"display: inline-flex; align-items: center; gap: 0.5rem; background: var(--signal); color: var(--text-on-signal); border: none; border-radius: var(--radius-pill); padding: 0.7rem 1.15rem; font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-semi); letter-spacing: 0.02em; cursor: pointer; box-shadow: var(--shadow-md);\">\u2699 Display<\/button>\n<\/div>\n<script>\n(function(){\n  var panel = document.getElementById('rsTweaksPanel');\n  var toggleBtn = document.getElementById('rsTweaksToggle');\n  var layoutBtns = document.querySelectorAll('.rs-layout-btn');\n  var densityBtns = document.querySelectorAll('.rs-density-btn');\n\n  toggleBtn.addEventListener('click', function(){\n    panel.style.display = (panel.style.display === 'none' || !panel.style.display) ? 'block' : 'none';\n  });\n\n  function setActive(btns, activeBtn){\n    btns.forEach(function(b){\n      var on = b === activeBtn;\n      b.style.background = on ? 'var(--signal)' : 'transparent';\n      b.style.color = on ? 'var(--text-on-signal)' : 'var(--text-secondary)';\n    });\n  }\n\n  layoutBtns.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var val = btn.getAttribute('data-layout');\n      document.body.classList.remove('rs-layout-list', 'rs-layout-index');\n      if (val === 'list') document.body.classList.add('rs-layout-list');\n      if (val === 'index') document.body.classList.add('rs-layout-index');\n      setActive(layoutBtns, btn);\n    });\n  });\n\n  densityBtns.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var val = btn.getAttribute('data-density');\n      document.body.classList.toggle('rs-density-compact', val === 'compact');\n      setActive(densityBtns, btn);\n    });\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-67e7ff2c 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=\"67e7ff2c\" 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-14f4d2ca\" data-id=\"14f4d2ca\" 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-2bdd3e3a elementor-widget elementor-widget-html\" data-id=\"2bdd3e3a\" 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=\"rsQuoteOverlay\" 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 id=\"rsQuoteBox\" 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\" id=\"rsQuoteClose\" 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=\"rsQuoteForm\">\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 manufactured, finished, assembled.<\/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=\"rsFormName\" 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=\"rsFormCompany\" 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;\">What are you after?<\/label>\n        <textarea id=\"rsFormDetails\" rows=\"3\" placeholder=\"Appliance, part, spec sheet\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=\"rsFormSubmit\" class=\"k-btn k-btn-md k-btn-primary\" style=\"opacity: .5; cursor: not-allowed;\">Submit RFQ<\/button>\n        <button type=\"button\" id=\"rsFormCancel\" class=\"k-btn k-btn-md k-btn-dark\">Cancel<\/button>\n      <\/div>\n    <\/div>\n    <div id=\"rsQuoteSent\" 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=\"rsThanksName\">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 with the right resources for your project.<\/p>\n      <button type=\"button\" id=\"rsQuoteDone\" class=\"k-btn k-btn-md k-btn-primary\">Done<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var overlay = document.getElementById('rsQuoteOverlay');\n  var box = document.getElementById('rsQuoteBox');\n  var formPanel = document.getElementById('rsQuoteForm');\n  var sentPanel = document.getElementById('rsQuoteSent');\n  var nameInput = document.getElementById('rsFormName');\n  var companyInput = document.getElementById('rsFormCompany');\n  var submitBtn = document.getElementById('rsFormSubmit');\n  var thanksName = document.getElementById('rsThanksName');\n\n  function openQuote(){\n    overlay.style.display = 'flex';\n    formPanel.style.display = '';\n    sentPanel.style.display = 'none';\n  }\n  function closeQuote(){\n    overlay.style.display = 'none';\n  }\n  function updateValidity(){\n    var valid = !!(nameInput.value.trim() && companyInput.value.trim());\n    submitBtn.style.opacity = valid ? '' : '.5';\n    submitBtn.style.cursor = valid ? 'pointer' : 'not-allowed';\n    return valid;\n  }\n\n  document.querySelectorAll('.js-open-quote').forEach(function(btn){\n    btn.addEventListener('click', openQuote);\n  });\n  document.getElementById('rsQuoteClose').addEventListener('click', closeQuote);\n  document.getElementById('rsFormCancel').addEventListener('click', closeQuote);\n  document.getElementById('rsQuoteDone').addEventListener('click', closeQuote);\n  overlay.addEventListener('click', closeQuote);\n  box.addEventListener('click', function(e){ e.stopPropagation(); });\n\n  nameInput.addEventListener('input', updateValidity);\n  companyInput.addEventListener('input', updateValidity);\n\n  submitBtn.addEventListener('click', function(){\n    if (!updateValidity()) return;\n    var first = nameInput.value.trim().split(' ')[0] || 'there';\n    thanksName.textContent = first;\n    formPanel.style.display = 'none';\n    sentPanel.style.display = 'block';\n  });\n\n  document.addEventListener('keydown', function(e){\n    if (e.key === 'Escape') closeQuote();\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>brushed stainless \u2014 capabilities literature spread Resources Specs, Catalogs &amp;Brand Literature Download product spec sheets, finish guides, full catalogs, and Signature 4 brand books. Everything you need to spec an appliance program or get to know how we work. All Catalogs Spec Sheets Guides Signature 4 Appliance Literature 2 documents PDF Catalog 4 Appliance Capabilities Catalog Download \u2193 PDF Line Card 4 Appliance Line Card Download \u2193 Product Spec Sheets 6 documents WEB Spec Sheet Knobs &amp; Handles \u2014 Configurations &amp; Specs View \u2197 WEB Spec Sheet Logo Badges &amp; Nameplates \u2014 Specs View \u2197 WEB Spec Sheet Control Panels &amp; Overlays \u2014 Specs View \u2197 WEB Spec Sheet Range Hood Panels \u2014 Specs View \u2197 WEB Spec Sheet Index Cams &amp; Internals \u2014 Specs View \u2197 PDF Spec Sheet Decorative Hardware \u2014 Specs Download \u2193 Finish &amp; Material Guides 4 documents PDF Guide Finish &amp; Plating Guide Download \u2193 PDF Guide Material Selection Guide Download \u2193 PDF Reference Compliance &amp; Certifications (RoHS, REACH) Download \u2193 PDF Guide Color Matching Standards Coming Soon Signature 4 Literature 2 documents PDF Brand Book Signature 4: Driven By Soul-utions Download \u2193 PDF Brand Book 4 Life Brand Book Download \u2193 No resources match \u201c\u201d. Clear search Can\u2019t find what you need? Tell us your appliance and the part you\u2019re after \u2014 we\u2019ll send the right spec sheet or build you a custom configuration. Talk to a Real Human Display Layout Cards List Index Density Roomy Compact \u2699 Display \u00d7 Start a Project Tell us what you&#8217;re making. We move ideas Fourward \u2014 manufactured, finished, assembled. Name Company What are you after? Submit RFQ Cancel \u2197 Thanks, there. A real human will be in touch with the right resources for your project. Done<\/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-11719","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/11719","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=11719"}],"version-history":[{"count":5,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/11719\/revisions"}],"predecessor-version":[{"id":11873,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/11719\/revisions\/11873"}],"wp:attachment":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/media?parent=11719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}