{"id":93,"date":"2017-10-05T14:08:49","date_gmt":"2017-10-05T14:08:49","guid":{"rendered":"http:\/\/roofing.corkensteel.com\/?page_id=93"},"modified":"2026-05-21T12:55:29","modified_gmt":"2026-05-21T16:55:29","slug":"color-charts","status":"publish","type":"page","link":"https:\/\/roofing.corkensteel.com\/?page_id=93","title":{"rendered":"Color Charts"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section][vc_row][vc_column]<div id=\"ultimate-heading-7786a178519d926d\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-7786a178519d926d uvc-8073 \" data-hspacer=\"line_only\"  data-halign=\"center\" style=\"text-align:center\"><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-7786a178519d926d h2'  data-responsive-json-new='{\"font-size\":\"desktop:18px;\",\"line-height\":\"\"}' ><h2 style=\"font-weight:bold;color:#999999;margin-bottom:5px;\">PRODUCTS &amp; SERVICES<\/h2><\/div><div class=\"uvc-sub-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-7786a178519d926d .uvc-sub-heading '  data-responsive-json-new='{\"font-size\":\"desktop:40px;\",\"line-height\":\"\"}'  style=\"font-weight:bold;color:#353535;\">COLOR CHARTS<\/div><div class=\"uvc-heading-spacer line_only\" style=\"margin-top:20px;margin-bottom:20px;height:4px;\"><span class=\"uvc-headings-line\" style=\"border-style:solid;border-bottom-width:4px;border-color:#dd3333;width:autopx;\"><\/span><\/div><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][\/vc_section][vc_row][vc_column]<div class=\"cq-expandgrid cq-circular-nocircular cq-expandgrid-200 cq-expandgrid-avatar-200 cq-expandgrid-close-yes cq-expandgrid-in5  \" data-itemheight=\"\" data-autoslide=\"no\" data-itemsize=\"200\" data-transparentitem=\"\" data-openfirst=\"yes\" data-labelfontsize=\"\" data-nocircular=\"nocircular\" data-subfontsize=\"\"><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2017\/10\/squarelogo-atas.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\"><!-- STANDARD COLORS --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Standard Colors<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">70% PVDF Finish<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1a1a1a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Black<span style=\"display: block; font-size: 9px; color: #aaa;\">02<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3b2c1e; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Classic Bronze<span style=\"display: block; font-size: 9px; color: #aaa;\">01<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #5a4030; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Medium Bronze<span style=\"display: block; font-size: 9px; color: #aaa;\">03<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e4a2a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hartford Green<span style=\"display: block; font-size: 9px; color: #aaa;\">27<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2d5c38; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Forest Green<span style=\"display: block; font-size: 9px; color: #aaa;\">11<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3a7a78; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Teal<span style=\"display: block; font-size: 9px; color: #aaa;\">19<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4a6b4e; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hemlock Green<span style=\"display: block; font-size: 9px; color: #aaa;\">30<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #7a9c7a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patina Green<span style=\"display: block; font-size: 9px; color: #aaa;\">12<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #5c3a28; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Chocolate Brown<span style=\"display: block; font-size: 9px; color: #aaa;\">04<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6b3a5c; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Boysenberry<span style=\"display: block; font-size: 9px; color: #aaa;\">25<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #8b3a28; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Redwood<span style=\"display: block; font-size: 9px; color: #aaa;\">07<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #9c2a20; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mission Red<span style=\"display: block; font-size: 9px; color: #aaa;\">08<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c0a060; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sierra Tan<span style=\"display: block; font-size: 9px; color: #aaa;\">09<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b8864a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rawhide<span style=\"display: block; font-size: 9px; color: #aaa;\">15<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #e8dcb4; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Concord Cream<span style=\"display: block; font-size: 9px; color: #aaa;\">05<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d4c89a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sandstone<span style=\"display: block; font-size: 9px; color: #aaa;\">06<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e3a6e; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Regal Blue<span style=\"display: block; font-size: 9px; color: #aaa;\">18<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4a6a9c; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Blue<span style=\"display: block; font-size: 9px; color: #aaa;\">21<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3c6080; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Siam Blue<span style=\"display: block; font-size: 9px; color: #aaa;\">14<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #8c8880; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rocky Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">16<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4a4a4a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">62<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #787878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">20<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b8b8b4; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Dove Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">13<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f0ece0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ascot White<span style=\"display: block; font-size: 9px; color: #aaa;\">10<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ede8d8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Bone White<span style=\"display: block; font-size: 9px; color: #aaa;\">26<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- MATTE FINISH --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Matte Finish<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #222222; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Matte Black<span style=\"display: block; font-size: 9px; color: #aaa;\">32<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4a3428; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Char Brown<span style=\"display: block; font-size: 9px; color: #aaa;\">29<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3e3e40; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Thunder Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">34<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #606062; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Anchor Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">37<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #a8a8a4; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ash Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">33<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d4c8a8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Almond<span style=\"display: block; font-size: 9px; color: #aaa;\">36<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- PREMIUM FINISH --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Premium Finish<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">70% PVDF<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #8c7a5c; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Antique Patina<span style=\"display: block; font-size: 9px; color: #aaa;\">24<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #d4bc88; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Champagne<span style=\"display: block; font-size: 9px; color: #aaa;\">31<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b87848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Coppertone<span style=\"display: block; font-size: 9px; color: #aaa;\">23<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #9c9c9c; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Titanium<span style=\"display: block; font-size: 9px; color: #aaa;\">35<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c0beb8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Silversmith<span style=\"display: block; font-size: 9px; color: #aaa;\">28<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c02820; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brite Red<span style=\"display: block; font-size: 9px; color: #aaa;\">17<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- NATURAL METALS --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Natural Metals<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.55) 0%,#9ca8a8 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Grey Zinc<span style=\"display: block; font-size: 9px; color: #aaa;\">50<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.45) 0%,#5a5a5a 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Dark Zinc<span style=\"display: block; font-size: 9px; color: #aaa;\">51<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.45) 0%,#7a5a48 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brown Zinc<span style=\"display: block; font-size: 9px; color: #aaa;\">89<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.45) 0%,#4a6880 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Blue Zinc<span style=\"display: block; font-size: 9px; color: #aaa;\">94<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.45) 0%,#8c4040 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Red Zinc<span style=\"display: block; font-size: 9px; color: #aaa;\">95<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.45) 0%,#4a6850 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Green Zinc<span style=\"display: block; font-size: 9px; color: #aaa;\">96<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.55) 0%,#d8d0b8 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Clear Satin Anodized<span style=\"display: block; font-size: 9px; color: #aaa;\">70<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.35) 0%,#3c2c1c 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Dark Bronze Anodized<span style=\"display: block; font-size: 9px; color: #aaa;\">71<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.5) 0%,#d4c8a0 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">55% Al-Zn Alloy Steel<span style=\"display: block; font-size: 9px; color: #aaa;\">97<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.5) 0%,#b87840 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Copper<span style=\"display: block; font-size: 9px; color: #aaa;\">49<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.6) 0%,#d0d0d0 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Classic Stainless Steel<span style=\"display: block; font-size: 9px; color: #aaa;\">40<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.55) 0%,#c0bcb4 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Tin Matte Stainless<span style=\"display: block; font-size: 9px; color: #aaa;\">41<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- DOWNLOAD --><\/p>\n<div style=\"margin-top: 8px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.atas.com\/getattachment\/45a0fddf-dd4d-41d1-9c2c-ec3ffa89c955\/ATAS-Color-Chart\" target=\"_blank\" rel=\"noopener\">Download Full Color Chart (PDF)<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Colors are as close to actual as screen rendering allows. Exact metal color chips available upon request and should be used for final color selection. Color availability varies by material, gauge, and profile.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2017\/10\/squarelogo-berger.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\">\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Gutter &amp; Trim Coil Colors<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f5f4ef; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Colonial White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f9f9f9; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Bright White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f0ede5; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Snow White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ece8de; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Lomar White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f8f5e8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">High Gloss White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #e8e0c8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sandstone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #e4dcc4; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Beige<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ede6d0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pearl<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #e8e2d0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Bone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #e6dfc8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Linen<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #e8dbb8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Heritage Cream<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #e8d890; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Autumn Yellow<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ddd0a8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Wheat<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8cca0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Herringbone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8c898; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Almond<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #d0b880; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Light Maple<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c8b078; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sandpiper<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c8a860; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Desert Tan<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b89860; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Buckskin<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c8a870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Natural Clay<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b88858; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pebblestone Clay<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b07848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Wicker<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #a07040; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rye<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #a06838; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Savannah<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #986030; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Suede<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #885028; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hearthstone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #804820; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Flagstone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #7a4018; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sable Brown<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #703a18; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Terra Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6a3818; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Royal Brown<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #5c3015; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Musket Brown<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3c2010; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Dark Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a1a0c; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">AMP Dark Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c87050; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Terra Cotta<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b03020; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Lighthouse Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #902818; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Autumn Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3a5a30; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Forest<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3a6040; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ivy Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4a7050; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Spruce<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #506858; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mountain Cedar<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4a6858; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Grecian Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #386050; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Green Tea<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a5050; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pacific Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a4868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Harbor Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #304870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Oxford Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #384880; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Bermuda Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a3870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Regatta<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c0c0b8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Silver Ash<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b8b8b0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Glacier Blend<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #a8a8a0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sterling Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #909090; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pearl Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #787870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Greystone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #686860; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Granite Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #505050; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #484848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Tuxedo Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1a1a1a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Black<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 8px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.bergerbp.com\/wp-content\/uploads\/2022\/07\/berger_guttercoiltrimcoil_brochure.pdf\" target=\"_blank\" rel=\"noopener\">Download Color Brochure (PDF)<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Colors are as close to actual as screen rendering allows. Request actual color chips for final selection. Color availability varies by product and material.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2024\/04\/Elevate_logo_400x400.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\"><!-- STANDARD --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Standard Colors<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">PVDF Kynar 500\u00ae \/ Hylar 5000\u00ae<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f0ede4; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Stone White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ece8dc; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Bone White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8cc98; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Almond<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #d0b878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sandstone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #707878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #606468; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Cityscape<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #484848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b89060; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sierra Tan<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #5a3828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Medium Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3a2418; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Dark Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #201408; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Extra Dark Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #222222; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Matte Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6a2838; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brandywine<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #8c2018; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Colonial Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b85040; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Terra Cotta<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #604838; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mansard Brown<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #9c1818; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Regal Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #284878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Award Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #5888b0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sky Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1830a0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Electric Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e3a6e; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Regal Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #306868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Teal<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6a8870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patina Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #283820; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Dark Ivy<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #384830; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sherwood Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e4828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hartford Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #486848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hemlock Green<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- SPECIALTY --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Specialty &amp; Metallic<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.55) 0%,#c0c0b8 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Silver Metallic<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.5) 0%,#b87840 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Classic Copper<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.55) 0%,#d4bc80 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Champagne Metallic<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 40% 35%,#8a9a8a 0%,#607060 50%,#485848 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Tropical Patina<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.4) 0%,#9ca8a0 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Aged Zinc<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 40% 35%,#8a7a60 0%,#5a4a38 50%,#3a3028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Burnished Slate<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 8px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2024\/04\/Una_Clad_Metal_Color_Selection_REGIONAL-eastern.pdf\" target=\"_blank\" rel=\"noopener\">Download Color Chart \u2014 Eastern Region (PDF)<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Colors shown are as close to actual painted steel as allowed by the printing process. Contact your local sales rep for actual metal samples. SRI numbers available by request. Custom colors available.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2026\/05\/squarelogo-metal-sales.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\"><!-- 24 GA STANDARD --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">24 Gauge<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Standard Colors<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f5f4ef; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Snowdrift White<span style=\"display: block; font-size: 9px; color: #aaa;\">W81<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ede8dc; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Linen White<span style=\"display: block; font-size: 9px; color: #aaa;\">81<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8c898; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sandstone<span style=\"display: block; font-size: 9px; color: #aaa;\">W51<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #e0d8b8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Parchment<span style=\"display: block; font-size: 9px; color: #aaa;\">W74<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c8b890; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Taupe<span style=\"display: block; font-size: 9px; color: #aaa;\">74<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c0a870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Khaki<span style=\"display: block; font-size: 9px; color: #aaa;\">88<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #5a3828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Medium Bronze<span style=\"display: block; font-size: 9px; color: #aaa;\">H4<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.45) 0%,#8a6030 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Weathered Copper<span style=\"display: block; font-size: 9px; color: #aaa;\">W50<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #604838; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mansard Brown<span style=\"display: block; font-size: 9px; color: #aaa;\">133<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3a2418; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Dark Bronze<span style=\"display: block; font-size: 9px; color: #aaa;\">50<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #909090; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ash Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">25<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #989898; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Old Town Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">W25<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #808888; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Old Zinc Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">W29<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #707878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">W38<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #282828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Matte Black<span style=\"display: block; font-size: 9px; color: #aaa;\">106<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.5) 0%,#7a9878 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Aged Copper<span style=\"display: block; font-size: 9px; color: #aaa;\">65<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6a8870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patina Green<span style=\"display: block; font-size: 9px; color: #aaa;\">W58<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #486848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hemlock Green<span style=\"display: block; font-size: 9px; color: #aaa;\">M7<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a5030; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Classic Green<span style=\"display: block; font-size: 9px; color: #aaa;\">66<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #365838; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Felt Green<span style=\"display: block; font-size: 9px; color: #aaa;\">W66<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #901820; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patriot Red<span style=\"display: block; font-size: 9px; color: #aaa;\">73<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b85040; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Terra Cotta<span style=\"display: block; font-size: 9px; color: #aaa;\">W72<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #8c2018; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Colonial Red<span style=\"display: block; font-size: 9px; color: #aaa;\">W75<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6a2838; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brandywine<span style=\"display: block; font-size: 9px; color: #aaa;\">P8<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #306868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">River Teal<span style=\"display: block; font-size: 9px; color: #aaa;\">59<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #285878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Tahoe Blue<span style=\"display: block; font-size: 9px; color: #aaa;\">W71<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #284878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ocean Blue<span style=\"display: block; font-size: 9px; color: #aaa;\">35<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e3a6e; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Regal Blue<span style=\"display: block; font-size: 9px; color: #aaa;\">W35<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d4c8a0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Galvalume\u00ae<span style=\"display: block; font-size: 9px; color: #aaa;\">41<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 24 GA METALLIC --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">24 Gauge<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Metallic<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.6) 0%,#c0c0b8 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Metallic Silver<span style=\"display: block; font-size: 9px; color: #aaa;\">K7<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.55) 0%,#d4bc80 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Champagne Metallic<span style=\"display: block; font-size: 9px; color: #aaa;\">168<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.5) 0%,#b87840 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Copper Penny<span style=\"display: block; font-size: 9px; color: #aaa;\">W92<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.45) 0%,#8c7a5c 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Antique Patina<span style=\"display: block; font-size: 9px; color: #aaa;\">M1<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.5) 0%,#a8a8a0 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mistique Plus<span style=\"display: block; font-size: 9px; color: #aaa;\">W31<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 26 GA EASTERN --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">26 Gauge<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Eastern Region<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f8f6f0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Polar White<span style=\"display: block; font-size: 9px; color: #aaa;\">80<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f4f0e4; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">White<span style=\"display: block; font-size: 9px; color: #aaa;\">30<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ede8dc; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Linen White<span style=\"display: block; font-size: 9px; color: #aaa;\">81<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ddd4b0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Light Stone<span style=\"display: block; font-size: 9px; color: #aaa;\">63<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c0a870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Khaki<span style=\"display: block; font-size: 9px; color: #aaa;\">88<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #a07848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mocha Tan<span style=\"display: block; font-size: 9px; color: #aaa;\">22<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #704830; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brown<span style=\"display: block; font-size: 9px; color: #aaa;\">12<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #606060; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Burnished Slate<span style=\"display: block; font-size: 9px; color: #aaa;\">49<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #909090; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ash Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">25<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #505050; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal<span style=\"display: block; font-size: 9px; color: #aaa;\">17<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #808888; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Zinc Grey<span style=\"display: block; font-size: 9px; color: #aaa;\">29<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1a1a1a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Black<span style=\"display: block; font-size: 9px; color: #aaa;\">06<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a5030; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Forest Green<span style=\"display: block; font-size: 9px; color: #aaa;\">26<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6a8870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patina Green<span style=\"display: block; font-size: 9px; color: #aaa;\">58<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a5030; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Classic Green<span style=\"display: block; font-size: 9px; color: #aaa;\">66<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #701828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Burgundy<span style=\"display: block; font-size: 9px; color: #aaa;\">15<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #901820; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patriot Red<span style=\"display: block; font-size: 9px; color: #aaa;\">73<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c03020; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Red<span style=\"display: block; font-size: 9px; color: #aaa;\">24<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #284878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ocean Blue<span style=\"display: block; font-size: 9px; color: #aaa;\">35<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4870a0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hawaiian Blue<span style=\"display: block; font-size: 9px; color: #aaa;\">70<\/span><\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d4c8a0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Acrylic Galvalume\u00ae<span style=\"display: block; font-size: 9px; color: #aaa;\">41<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 29 GA --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">29 Gauge<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f8f6f0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Polar White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ddd4b0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Light Stone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #a07848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mocha Tan<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #704830; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brown<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #606060; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Burnished Slate<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #909090; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ash Grey<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #505050; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1a1a1a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a5030; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Forest Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6a8870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patina Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #701828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Burgundy<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #901820; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patriot Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c03020; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #284878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ocean Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4870a0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hawaiian Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d4c8a0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Acrylic Galvalume\u00ae<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 8px; display: flex; flex-wrap: wrap; gap: 10px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2017\/10\/metalsales-29ga.pdf\" target=\"_blank\" rel=\"noopener\">Download 29ga Chart (PDF)<\/a><br \/>\n<a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #fff; color: #1a1a1a; border: 2px solid #1a1a1a; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 9px 22px; text-decoration: none; border-radius: 3px;\" href=\"http:\/\/www.metalsales.us.com\/system\/files\/resources\/color-guides\/26ga-colorguide-eastern-digital.pdf\" target=\"_blank\" rel=\"noopener\">Download 26ga Chart (PDF)<\/a><br \/>\n<a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #fff; color: #1a1a1a; border: 2px solid #1a1a1a; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 9px 22px; text-decoration: none; border-radius: 3px;\" href=\"http:\/\/www.metalsales.us.com\/system\/files\/resources\/color-guides\/24ga-colorguide-digital.pdf\" target=\"_blank\" rel=\"noopener\">Download 24ga Chart (PDF)<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Colors shown are representative approximations. Request actual metal color chips for final selection. Color availability varies by gauge and region.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2026\/05\/squarelogo-pac-clad.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\"><!-- STANDARD COLORS --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Standard Colors<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">70% PVDF Kynar 500\u00ae \/ Hylar 5000\u00ae \u00b7 * = Cool Color<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f0ede4; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Stone White*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #ece8dc; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Bone White*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f2efe6; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Regal White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d4c898; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Almond*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #d0b878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sandstone*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #c8b070; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Buckskin*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b89060; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sierra Tan*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #5a3828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Medium Bronze*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #604838; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mansard Brown*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4a3020; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Antique Bronze*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #5c4030; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Aged Bronze*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3a2418; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Dark Bronze*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3c2c1c; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Classic Bronze*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #302820; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Midnight Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b85040; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Terra Cotta*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #9c2020; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Cardinal Red*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #8c2018; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Colonial Red*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #701828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Burgundy<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #284878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Award Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #4a6880; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pacific Blue*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #284878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Interstate Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #385878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Berkshire Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e3058; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Military Blue*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #306868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Teal*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #6a8870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patina Green*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #486848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hemlock Green*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a5030; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Forest Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e4828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hartford Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3a5a28; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Evergreen*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #686860; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Granite*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #606468; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Cityscape*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #787870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Musket Gray*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #707878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Gray*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #606870; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Burnished Slate*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #484848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #585858; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Graphite*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #404040; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Iron Ore*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #282828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Inkwell<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e1e1e; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Traditional Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1a1a1a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Black<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- PREMIUM \/ METALLIC --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Premium &amp; Metallic Colors<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">* = Cool Color<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.65) 0%,#d0d0c8 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Anodic Clear*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.6) 0%,#c0c0b8 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Silver*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.55) 0%,#b8b8b0 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Silversmith*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.5) 0%,#9ca8a0 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Zinc*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.55) 0%,#d4bc80 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Champagne*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.5) 0%,#b87840 65%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Copper Penny*<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 40% 35%,#8a7a60 0%,#5a4a38 50%,#3a3028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Weathered Steel<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- LOW GLOSS \/ NORTHEAST --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Low Gloss Colors<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #3c2c1c; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Classic Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #385878; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Berkshire Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #686860; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Granite<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #282828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Inkwell<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1e1e1e; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Traditional Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 40% 35%,#8a7a60 0%,#5a4a38 50%,#3a3028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Weathered Steel<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #604830; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Aspen Bronze<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #902818; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Autumn Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #704830; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Chestnut Brown<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #203820; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Midnight Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #808888; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Nantucket Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #2a4828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pine<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- WOOD GRAIN FINISHES --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Wood Grain Finishes<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Timber Series \u2014 realistic wood-look texture<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: repeating-linear-gradient(90deg,#e8e0d0 0px,#d8d0c0 4px,#e8e0d0 8px); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">White Timber<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: repeating-linear-gradient(90deg,#c8a870 0px,#b09058 4px,#c8a870 8px); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Tan Timber<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: repeating-linear-gradient(90deg,#b07840 0px,#905828 4px,#b07840 8px); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Copper Timber<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: repeating-linear-gradient(90deg,#7a5a38 0px,#604828 4px,#7a5a38 8px); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brown Timber<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: repeating-linear-gradient(90deg,#888880 0px,#707068 4px,#888880 8px); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Gray Timber<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- ORE FINISHES --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Ore Finishes<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Patina-aged metal appearance<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 40% 35%,#c87840 0%,#a05820 45%,#783808 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Copper Ore<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 40% 35%,#8a9a8a 0%,#607060 45%,#485848 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Patina Ore<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 40% 35%,#9a9898 0%,#707070 45%,#505050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Steel Ore<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: radial-gradient(circle at 40% 35%,#8a7a60 0%,#5a4a38 50%,#3a3028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Corten Ore<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 8px; display: flex; flex-wrap: wrap; gap: 10px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.pac-clad.com\/catalog\/pac-clad-color-guide\/\" target=\"_blank\" rel=\"noopener\">Download Color Guide (PDF)<\/a><br \/>\n<a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #fff; color: #1a1a1a; border: 2px solid #1a1a1a; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 9px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.pac-clad.com\/specs\/order-color-samples\/\" target=\"_blank\" rel=\"noopener\">Order Color Samples<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Colors are as close to actual as screen rendering allows. * denotes PAC-CLAD Cool Color \u2014 meets ENERGY STAR\u00ae and LEED criteria. Request painted metal samples before making final color selection. Color availability varies by product, gauge, and substrate.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2026\/05\/squarelogo-certainteed.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\"><!-- LANDMARK --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Landmark\u00ae<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Standard Colors<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#1a1818 0%,#2a2828 50%,#141212 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Moire Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#282820 0%,#383830 50%,#1e1e18 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#303028 0%,#404038 50%,#202020 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Cinder Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#606870 0%,#788080 50%,#505860 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Colonial Slate<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#706860 0%,#887870 50%,#585050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Georgetown Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#686860 0%,#807870 50%,#505048 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Granite Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#787068 0%,#908878 50%,#605858 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Thunderstorm Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#787060 0%,#908878 50%,#606050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Cobblestone Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#887870 0%,#a09080 50%,#706860 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Heather Blend<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#987060 0%,#b08878 50%,#806050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pewterwood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#907868 0%,#a89080 50%,#786860 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Weathered Wood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#a09080 0%,#b8a898 50%,#887868 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Driftwood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#987860 0%,#b09070 50%,#806050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Resawn Shake<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#906840 0%,#a87848 50%,#785030 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Burnt Sienna<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#b07038 0%,#c88048 50%,#a06028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Painted Desert<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#c07840 0%,#d88850 50%,#a06030 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mojave Tan<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#902020 0%,#a83030 50%,#781010 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Cottage Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#b06840 0%,#c87848 50%,#985030 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sunrise Cedar<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#b85040 0%,#c86050 50%,#a03828 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Terra Cotta<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: linear-gradient(135deg,#c0b898 0%,#d0c8a8 50%,#a8a080 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Silver Birch<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#283820 0%,#384828 50%,#1e2e18 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hunter Green<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- LANDMARK PRO --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Landmark\u00ae PRO<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Max Def\u2122 Colors \u2014 richer, deeper granule blend<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#1a1818 0%,#2a2828 50%,#141212 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Moire Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#282820 0%,#383830 50%,#1e1e18 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Charcoal Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#303028 0%,#404038 50%,#202020 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Cinder Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#606870 0%,#788080 50%,#505860 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Colonial Slate<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#706860 0%,#887870 50%,#585050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Georgetown Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#787060 0%,#908878 50%,#606050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Cobblestone Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#887870 0%,#a09080 50%,#706860 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Heather Blend<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#987060 0%,#b08878 50%,#806050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Pewterwood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#907868 0%,#a89080 50%,#786860 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Weathered Wood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#a09080 0%,#b8a898 50%,#887868 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Driftwood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#987860 0%,#b09070 50%,#806050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Resawn Shake<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#906840 0%,#a87848 50%,#785030 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Burnt Sienna<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#783818 0%,#904828 50%,#602808 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Red Oak<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#902020 0%,#a83030 50%,#781010 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Cottage Red<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#c07838 0%,#d88848 50%,#a86028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Sunrise Cedar<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#1a3068 0%,#284080 50%,#102050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Coastal Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#283820 0%,#384828 50%,#1e2e18 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Hunter Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#807868 0%,#989080 50%,#686058 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Shenandoah<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: linear-gradient(135deg,#c0b898 0%,#d0c8a8 50%,#a8a080 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Silver Birch<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: linear-gradient(135deg,#c8b880 0%,#d8c890 50%,#b0a068 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Mojave Tan<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#887068 0%,#a08880 50%,#706058 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Colonial Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#806858 0%,#988070 50%,#685848 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Mission Brown<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#384840 0%,#505858 50%,#283030 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Max Def Atlantic Blue<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 8px; display: flex; flex-wrap: wrap; gap: 10px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.certainteed.com\/products\/residential-roofing-products\/landmark\" target=\"_blank\" rel=\"noopener\">View Landmark\u00ae on CertainTeed.com<\/a><br \/>\n<a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #fff; color: #1a1a1a; border: 2px solid #1a1a1a; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 9px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.certainteed.com\/products\/residential-roofing-products\/landmark-pro\" target=\"_blank\" rel=\"noopener\">View Landmark\u00ae PRO on CertainTeed.com<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Colors shown are approximate. Not all colors available in all regions. Use CertainTeed&#8217;s ColorView\u2122 tool to visualize colors on your home. Request physical samples for final selection.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2026\/05\/squarelogo-gaf.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\"><!-- HDZ HIGH DEF NATIONWIDE --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Timberline HDZ\u00ae \u2014 High Definition\u00ae<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Available Nationwide<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 60%,#3a3a3a 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#6a6058 0%,#807060 50%,#585048 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pewter Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#786040 0%,#907050 50%,#604830 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Barkwood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#908070 0%,#a89880 50%,#786858 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Weathered Wood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#6a4830 0%,#805a38 50%,#543820 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hickory<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#283820 0%,#384828 50%,#1e2e18 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Hunter Green<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#604030 0%,#785040 50%,#4a3020 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mission Brown<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#807868 0%,#988878 50%,#686058 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Shakewood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#707880 0%,#888898 50%,#586068 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- HDZ HIGH DEF REGIONAL --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Timberline HDZ\u00ae \u2014 High Definition\u00ae<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Regional \u2014 confirm availability with your distributor<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: linear-gradient(135deg,#e0d8c0 0%,#f0e8d0 50%,#c8c0a8 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Birchwood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#a89880 0%,#c0b098 50%,#908070 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Driftwood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#707870 0%,#888880 50%,#585858 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Fox Hollow Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#607880 0%,#788898 50%,#486070 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Williamsburg Slate<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- HDZ BOLD DEFINITION --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Timberline HDZ\u00ae \u2014 Bold Definition\u2122<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">New 2026 \u00b7 Available Nationwide<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#7a5830 0%,#604018 50%,#906840 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Chestnut Valley<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#3a3830 0%,#504e44 50%,#282820 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Cliffside<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#1e1c18 0%,#302e28 50%,#141210 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Midnight Mesa<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: linear-gradient(135deg,#c8b890 0%,#d8c8a0 50%,#b0a078 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sierra Sand<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- UHDZ --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Timberline UHDZ\u00ae<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Dual Shadow Line \u00b7 Class 4 Impact Rated<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#6a6058 0%,#807060 50%,#585048 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pewter Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 60%,#3a3a3a 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Charcoal<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#786040 0%,#907050 50%,#604830 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Barkwood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#707880 0%,#888898 50%,#586068 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#807868 0%,#988878 50%,#686058 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Shakewood<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#908070 0%,#a89880 50%,#786858 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Weathered Wood<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 8px; display: flex; flex-wrap: wrap; gap: 10px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.gaf.com\/en-us\/document-library\/documents\/brochures-&amp;-literature\/timberline-hdz-brochure-restz145.pdf\" target=\"_blank\" rel=\"noopener\">Download HDZ Brochure (PDF)<\/a><br \/>\n<a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #fff; color: #1a1a1a; border: 2px solid #1a1a1a; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 9px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.gaf.com\/en-us\/document-library\/documents\/brochures-&amp;-literature\/gaf-timberline-collection-brochure-restl100-cl4.pdf\" target=\"_blank\" rel=\"noopener\">Download UHDZ Brochure (PDF)<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Colors shown are approximate representations. Regional availability varies. Bold Definition\u2122 colors available nationwide as of 2026. Request physical samples for final selection.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2026\/05\/suqarelogo-davinci.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\">\n<div style=\"margin-bottom: 20px; padding: 12px 16px; background: #f8f8f6; border-left: 3px solid #d0c8b8;\">\n<p style=\"margin: 0; font-size: 12px; color: #666; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">DaVinci colors are multi-tone blends \u2014 each combines 2\u20134 shades for a natural, non-repeating appearance. Swatches shown are approximate representations. Request actual shingle samples for final selection at <strong>davinciroofscapes.com<\/strong><\/p>\n<\/div>\n<p><!-- MULTI-WIDTH SLATE --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Multi-Width Slate<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">12&#8243;, 10&#8243;, 9&#8243;, 7&#8243; &amp; 6&#8243; widths \u00b7 Class 4 Impact \u00b7 Class A Fire<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#787878 0%,#888888 30%,#686868 60%,#909090 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#222222 0%,#303030 30%,#181818 60%,#383838 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#585858 0%,#686868 30%,#484848 60%,#707070 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Smokey Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#606060 0%,#505060 30%,#707080 50%,#484858 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Castle Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#5a6858 0%,#686858 30%,#7a7860 50%,#484848 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">European<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#3a4828 0%,#4a5838 30%,#5a5830 50%,#283018 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Evergreen<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#806848 0%,#907858 30%,#a08868 50%,#685038 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brownstone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#c07850 0%,#b86840 30%,#d09060 50%,#a05830 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sonora<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#a87850 0%,#b88860 30%,#c09870 50%,#906040 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Canyon<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#684838 0%,#785848 30%,#886858 50%,#583028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Aberdeen<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#303038 0%,#282830 30%,#404048 50%,#202028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rock Ridge<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#607868 0%,#788090 30%,#587888 50%,#4a5858 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Aurora<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- SINGLE-WIDTH \/ PROVINCE SLATE --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Single-Width &amp; Province Slate<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Class 4 Impact \u00b7 Class A Fire \u00b7 Lifetime Warranty<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#787878 0%,#888888 30%,#686868 60%,#909090 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#222222 0%,#303030 30%,#181818 60%,#383838 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Slate Black<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#585858 0%,#686868 30%,#484848 60%,#707070 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Smokey Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#606060 0%,#505060 30%,#707080 50%,#484858 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Castle Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#5a6858 0%,#686858 30%,#7a7860 50%,#484848 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">European<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#806848 0%,#907858 30%,#a08868 50%,#685038 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Brownstone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#c07850 0%,#b86840 30%,#d09060 50%,#a05830 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sonora<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#303038 0%,#282830 30%,#404048 50%,#202028 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rock Ridge<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#607868 0%,#788090 30%,#587888 50%,#4a5858 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Aurora<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- SELECT SHAKE --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Select Shake<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Cedar shake look \u00b7 Class 4 Impact \u00b7 Class A Fire \u00b7 Lifetime Warranty<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#907858 0%,#a08868 30%,#b09878 50%,#786048 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Cedar<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#b09070 0%,#c0a080 30%,#a88060 50%,#907060 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Aged Cedar<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#786848 0%,#887858 30%,#988868 50%,#686040 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Weathered Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#806050 0%,#907060 30%,#a08070 50%,#705040 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Autumn<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#685040 0%,#786050 30%,#887060 50%,#584030 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Mountain<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#585050 0%,#686060 30%,#787070 50%,#484040 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sable<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#404840 0%,#505850 30%,#606860 50%,#303830 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Forest<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#a07860 0%,#b08870 30%,#c09880 50%,#886050 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Desert Sand<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(135deg,#486050 0%,#587060 30%,#688070 50%,#384848 100%); margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Pacific<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 8px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/www.davinciroofscapes.com\/products\/\" target=\"_blank\" rel=\"noopener\">View All DaVinci Products<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Colors shown are approximate representations of multi-tone blends. Request actual shingle samples for final selection. Cool Roof colors available in Brownstone, Castle Gray, and Slate Gray. Custom color blends available.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2026\/05\/squarelogo-wolverine.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\"><!-- PRESTIGE 044 - CLAPBOARD --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Prestige\u00ae 044 \u2014 Double 4&#8243; Traditional Clapboard<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">.044&#8243; \u00b7 9\/16&#8243; projection \u00b7 Oak woodgrain \u00b7 Insta-Lock\u2122<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f2efe6; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b8a880; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Canyon Ridge<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8ceb0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Castle Stone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b88868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rustic Clay<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8c898; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sand Drift<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #8a5830; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rustic Oak<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #808888; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Twilight Gray<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #285880; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Marine Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #686868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Smoke Stone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d0c8a8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Natural Sand<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #284828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Forest<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #505860; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Harbour<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #484848; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Smoky Steel<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- PRESTIGE 044 - DUTCH LAP --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Prestige\u00ae 044 \u2014 Double 4.5&#8243; Dutch Lap<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b8a880; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Canyon Ridge<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d0c8a8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Natural Sand<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #686868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Smoke Stone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8c898; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Sand Drift<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #8a5830; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rustic Oak<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #a0a0a0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Ash<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8ceb0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Castle Stone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #285880; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Marine Blue<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #284828; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Forest<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #505860; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Harbour<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #585858; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Smoky Quartz<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b88868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rustic Clay<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- GROVELAND 040 --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Groveland\u2122 040<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">.040&#8243; \u00b7 1\/2&#8243; projection \u00b7 Rustic woodgrain \u00b7 Insta-Lock\u2122 \u00b7 Stud Locator<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f2efe6; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d0c8a8; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Natural Sand<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #d8ceb0; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Castle Stone<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b88868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rustic Clay<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #808888; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Twilight Gray<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- BOARD & BATTEN --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Board &amp; Batten<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">.052&#8243; \u00b7 1\/2&#8243; projection \u00b7 Cedar grain finish<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f2efe6; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">White<\/span><\/p>\n<\/div>\n<\/div>\n<p style=\"margin-top: 12px; font-size: 11px; color: #888; font-family: 'Archivo Narrow',Arial,sans-serif; font-style: italic;\">More colors coming soon \u2014 contact us for availability.<\/p>\n<\/div>\n<p><!-- VINYL SOFFIT --><\/p>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Vinyl Soffit \u2014 Triple 4&#8243;<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Solid \/ Full Vent<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f2efe6; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #b88868; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Rustic Clay<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #808888; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Twilight Gray<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-bottom: 36px;\">\n<div style=\"margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;\"><span style=\"font-size: 15px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.04em; text-transform: uppercase;\">Vinyl Soffit \u2014 Triple 3-1\/3&#8243;<\/span><br \/>\n<span style=\"font-size: 11px; color: #aaa; margin-left: 8px;\">Hidden Vent<\/span><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 10px;\">\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); background: #f2efe6; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">White<\/span><\/p>\n<\/div>\n<div style=\"display: flex; flex-direction: column; align-items: center; width: 68px;\">\n<div style=\"width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); background: #1a1a1a; margin-bottom: 6px;\"><\/div>\n<p><span style=\"font-size: 10px; color: #333; text-align: center; line-height: 1.3;\">Black<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 8px;\"><a style=\"font-family: 'Archivo Narrow',Arial,sans-serif; display: inline-block; background: #1a1a1a; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding: 10px 22px; text-decoration: none; border-radius: 3px;\" href=\"https:\/\/wolverinesiding.com\" target=\"_blank\" rel=\"noopener\">View Wolverine Products<\/a><\/div>\n<p style=\"margin-top: 14px; font-size: 12px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; line-height: 1.5;\">Low maintenance \u00b7 Never needs painting, staining, or caulking \u00b7 Impact resistant \u00b7 Recyclable. Colors shown are representative. Request physical samples for final selection.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lightgray\" data-image=\"\" data-bgstyle=\"lightgray\" data-backgroundcolor=\"\" data-backgroundhovercolor=\"\" data-avatartype=\"image\" data-avatar=\"https:\/\/roofing.corkensteel.com\/wp-content\/uploads\/2026\/05\/wolverine-berger-matching.png\" data-contentcolor=\"\" data-iconcolor=\"\" data-iconsize=\"\" data-labelcolor=\"\" data-subtitlecolor=\"\" title=\"\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\"><\/div><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><div style=\"font-family: 'Archivo Narrow',Arial,sans-serif; background: #fff; padding: 40px;\">\n<div style=\"margin-bottom: 24px; padding-bottom: 12px; border-bottom: 2px solid #1a1a1a;\"><span style=\"font-size: 18px; font-weight: bold; color: #1a1a1a; letter-spacing: 0.06em; text-transform: uppercase;\">Color Match Guide<\/span><\/div>\n<table style=\"width: 100%; border-collapse: collapse; font-family: 'Archivo Narrow',Arial,sans-serif;\"><!-- Header row --><\/p>\n<tbody>\n<tr>\n<td style=\"font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: #1a1a1a; padding: 0 24px 10px 0;\" colspan=\"2\">Wolverine Siding<\/td>\n<td style=\"font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: #1a1a1a; padding: 0 40px 10px 0;\">Berger Trim Color<\/td>\n<td style=\"font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: #1a1a1a; padding: 0 24px 10px 0;\" colspan=\"2\">Wolverine Siding<\/td>\n<td style=\"font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: #1a1a1a; padding: 0 40px 10px 0;\">Berger Trim Color<\/td>\n<td style=\"font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: #1a1a1a; padding: 0 24px 10px 0;\" colspan=\"2\">Wolverine Siding<\/td>\n<td style=\"font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: #1a1a1a; padding: 0 0 10px 0;\">Berger Trim Color<\/td>\n<\/tr>\n<p><!-- ROW 1: Ash | Grasslands | Rustic Oak --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0; width: 44px;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #a0a0a0; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Ash<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Glacier Blend<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0; width: 44px;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #607858; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Grasslands<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Cypress<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0; width: 44px;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #8a5830; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Rustic Oak<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Sable Brown<\/span><\/td>\n<\/tr>\n<p><!-- ROW 2: Black | Harbour | Sand Drift --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #1a1a1a; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Black<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Black<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #505860; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Harbour<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Tuxedo Grey<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #d8c898; border: 1px solid rgba(0,0,0,0.2);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Sand Drift<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Pearl<\/span><\/td>\n<\/tr>\n<p><!-- ROW 3: Blue Storm | Lakeshore Blue | Smokestone --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #607888; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Blue Storm<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Pacific Blue<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #486888; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Lakeshore Blue<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Portsmith Blue<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #686868; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Smokestone<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Tuxedo Grey<\/span><\/td>\n<\/tr>\n<p><!-- ROW 4: Canvas | Marine Blue | Smoky Quartz --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #e8e0c8; border: 1px solid rgba(0,0,0,0.2);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Canvas<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Sandstone Beige<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #285880; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Marine Blue<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Regatta<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #585858; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Smoky Quartz<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Dark Bronze<\/span><\/td>\n<\/tr>\n<p><!-- ROW 5: Canyon Ridge | Mocha Brown | Smoky Steel --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #b8a880; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Canyon Ridge<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Pebblestone Clay<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #704830; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Mocha Brown<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Royal Brown<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #484848; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Smoky Steel<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Flagstone<\/span><\/td>\n<\/tr>\n<p><!-- ROW 6: Carolina Blue | Natural Sand | Spring Meadow --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #7090a8; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Carolina Blue<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Oxford Blue<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #d0c8a8; border: 1px solid rgba(0,0,0,0.2);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Natural Sand<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Savannah Wicker<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #607860; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Spring Meadow<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Cypress<\/span><\/td>\n<\/tr>\n<p><!-- ROW 7: Castle Stone | Redwood | Tundra Moss --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #d8ceb0; border: 1px solid rgba(0,0,0,0.2);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Castle Stone<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Harbor Grey<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #8c2818; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Redwood<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Autumn Red<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #6a7860; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Tundra Moss<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Seagrass<\/span><\/td>\n<\/tr>\n<p><!-- ROW 8: Forest | Riverstone | Twilight Gray --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #284828; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Forest<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Forest<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #908880; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Riverstone<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Savannah Wicker<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #808888; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Twilight Gray<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Victorian Grey<\/span><\/td>\n<\/tr>\n<p><!-- ROW 9: Glacier White | Rustic Clay | White --><\/p>\n<tr style=\"border-top: 1px dotted #ddd;\">\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #f2efe6; border: 1px solid rgba(0,0,0,0.2);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Glacier White<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Herringbone<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #b88868; border: 1px solid rgba(0,0,0,0.15);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">Rustic Clay<\/span><\/td>\n<td style=\"padding: 8px 40px 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Natural Clay<\/span><\/td>\n<td style=\"padding: 8px 8px 8px 0;\">\n<div style=\"width: 36px; height: 36px; border-radius: 50%; background: #f2efe6; border: 1px solid rgba(0,0,0,0.2);\"><\/div>\n<\/td>\n<td style=\"padding: 8px 8px 8px 0; white-space: nowrap;\"><span style=\"font-size: 10px; font-weight: bold; color: #1a1a1a;\">White<\/span><\/td>\n<td style=\"padding: 8px 0;\"><span style=\"font-size: 10px; color: #555;\">Colonial White<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p style=\"margin-top: 24px; font-size: 10px; color: #aaa; font-family: 'Archivo Narrow',Arial,sans-serif; font-style: italic; line-height: 1.5;\">Color matches are suggestions only and may not be an exact match.<\/p>\n<\/div>\n<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><\/div>[vc_row_inner][vc_column_inner][vc_empty_space height=&#8221;60px&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section][vc_row][vc_column][\/vc_column][\/vc_row][\/vc_section][vc_section][\/vc_section][vc_row][vc_column][vc_row_inner][vc_column_inner][vc_empty_space height=&#8221;60px&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/roofing.corkensteel.com\/index.php?rest_route=\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roofing.corkensteel.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roofing.corkensteel.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roofing.corkensteel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roofing.corkensteel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=93"}],"version-history":[{"count":20,"href":"https:\/\/roofing.corkensteel.com\/index.php?rest_route=\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":3382,"href":"https:\/\/roofing.corkensteel.com\/index.php?rest_route=\/wp\/v2\/pages\/93\/revisions\/3382"}],"wp:attachment":[{"href":"https:\/\/roofing.corkensteel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}