{"id":8,"date":"2026-08-04T10:43:35","date_gmt":"2026-08-04T10:43:35","guid":{"rendered":"https:\/\/keystonemarble.net\/?page_id=8"},"modified":"2026-08-24T18:07:48","modified_gmt":"2026-08-24T18:07:48","slug":"homepage","status":"publish","type":"page","link":"https:\/\/keystonemarble.net\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1951c63 e-con-full e-flex e-con e-parent\" data-id=\"1951c63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ee901b elementor-widget elementor-widget-html\" data-id=\"1ee901b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en-US\">\n<head>\n    <!-- Google Tag Manager -->\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-KW96FBD2');<\/script>\n<!-- End Google Tag Manager -->\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <title>Keystone \u2013 Premium Granite, Quartzite, Quartz &amp; Marble Fabrication<\/title>\n    \n    <!-- Fonts & Styling CDN -->\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Outfit:wght@300;400;500;600&display=swap\" media=\"all\"\/>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <style>\n        \/* ==========================================================================\n           1. FULL-WIDTH & ELEMENTOR RESETS\n           ========================================================================== *\/\n        html, body {\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            overflow-x: hidden !important;\n            font-family: 'Outfit', sans-serif;\n            color: #1f2937;\n            scroll-behavior: smooth;\n        }\n\n        .elementor-widget-html,\n        .elementor-widget-html .elementor-widget-container {\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Cormorant Garamond', serif;\n        }\n\n        \/* ==========================================================================\n           2. LOGO SIZING CONSTRAINT\n           ========================================================================== *\/\n        .custom-logo-link img.custom-logo,\n        nav img {\n            width: auto !important;\n            height: auto !important;\n            max-width: 180px !important;\n            max-height: 48px !important;\n            display: block !important;\n            object-fit: contain !important;\n        }\n\n        \/* ==========================================================================\n           3. NAVIGATION & UI COMPONENTS\n           ========================================================================== *\/\n        #desktop-links {\n            display: none;\n        }\n\n        @media (min-width: 992px) {\n            #desktop-links {\n                display: flex !important;\n            }\n            #hamburger {\n                display: none !important;\n            }\n        }\n\n        .nav-link {\n            font-family: 'Outfit', sans-serif;\n            font-size: 14px;\n            color: #1f2937;\n            text-decoration: none;\n            font-weight: 500;\n            transition: color 0.2s ease;\n        }\n\n        .nav-link:hover {\n            color: #CC8F33;\n        }\n\n        #mobile-menu {\n            display: none;\n        }\n\n        .gradient-gold {\n            background: linear-gradient(135deg, #CC8F33 0%, #b37822 100%) !important;\n            color: #ffffff !important;\n            transition: opacity 0.2s ease;\n        }\n\n        .gradient-gold:hover {\n            opacity: 0.9;\n        }\n\n        .section-pad {\n            padding: 90px 24px !important;\n        }\n\n        \/* Stats Grid *\/\n        .stats-grid {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;\n            gap: 24px !important;\n        }\n\n        \/* Services Grid *\/\n        .svc-grid {\n            display: grid;\n            gap: 16px;\n            grid-template-columns: 1fr;\n        }\n\n        @media (min-width: 768px) {\n            .svc-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        .svc-card {\n            position: relative;\n            overflow: hidden;\n            border-radius: 8px;\n            min-height: 280px;\n            background: #1a1a1a;\n        }\n\n        .svc-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            position: absolute;\n            inset: 0;\n            transition: transform 0.4s ease;\n        }\n\n        .svc-card:hover img {\n            transform: scale(1.04);\n        }\n\n        .svc-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);\n            z-index: 1;\n        }\n\n        .svc-text {\n            position: absolute;\n            bottom: 20px;\n            left: 20px;\n            right: 20px;\n            z-index: 2;\n        }\n\n        .svc-desc {\n            font-family: 'Outfit', sans-serif;\n            font-size: 13px;\n            color: rgba(255, 255, 255, 0.8);\n            margin: 0;\n            line-height: 1.5;\n        }\n\n        \/* Collections Layout *\/\n        .col-inner {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        @media (min-width: 992px) {\n            .col-inner {\n                grid-template-columns: 1fr 1.3fr;\n            }\n        }\n\n        .col-hero {\n            position: relative;\n            border-radius: 8px;\n            overflow: hidden;\n            aspect-ratio: 16 \/ 10;\n        }\n\n        .col-hero img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .col-hero-badge {\n            position: absolute;\n            bottom: 14px;\n            left: 14px;\n            background: #CC8F33;\n            color: #fff;\n            padding: 5px 12px;\n            border-radius: 4px;\n            font-size: 12px;\n            font-weight: 500;\n            z-index: 2;\n        }\n\n        \/* Swatch Grid (Expanded to display all stone options) *\/\n        .swatch-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n        }\n\n        @media (min-width: 600px) {\n            .swatch-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (min-width: 1200px) {\n            .swatch-grid {\n                grid-template-columns: repeat(4, 1fr);\n            }\n        }\n\n        .swatch {\n            position: relative;\n            border-radius: 8px;\n            overflow: hidden;\n            aspect-ratio: 1 \/ 1;\n            background: #262626;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.08);\n        }\n\n        .swatch img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\n\n        .swatch:hover img {\n            transform: scale(1.06);\n        }\n\n        .swatch-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 60%, transparent 100%);\n        }\n\n        .swatch-label {\n            position: absolute;\n            bottom: 10px;\n            left: 10px;\n            right: 10px;\n            color: #fff;\n            font-size: 12px;\n            font-weight: 500;\n            margin: 0;\n            z-index: 2;\n            line-height: 1.25;\n        }\n\n        .tab-btn {\n            background: transparent;\n            border: none;\n            color: #9ca3af;\n            padding: 9px 22px;\n            font-size: 13px;\n            cursor: pointer;\n            border-radius: 4px;\n            font-family: 'Outfit', sans-serif;\n            font-weight: 500;\n            transition: all 0.2s ease;\n        }\n\n        .tab-btn.active-tab {\n            background: #CC8F33;\n            color: #ffffff;\n        }\n\n        .tab-content {\n            display: none;\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        \/* Gallery Grid *\/\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n        }\n\n        .gallery-item {\n            position: relative;\n            border-radius: 8px;\n            overflow: hidden;\n            aspect-ratio: 4 \/ 3;\n            background: #1f2937;\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        .gallery-item:hover img {\n            transform: scale(1.05);\n        }\n\n        \/* Process Steps *\/\n        .process-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 24px;\n        }\n\n        .step-card {\n            background: #ffffff;\n            border: 1px solid #f0f0f0;\n            border-radius: 8px;\n            padding: 32px 24px;\n            position: relative;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 24px rgba(0,0,0,0.06);\n        }\n\n        .step-num {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 38px;\n            color: #CC8F33;\n            font-weight: 600;\n            line-height: 1;\n            margin-bottom: 12px;\n        }\n\n        \/* Why Us Grid *\/\n        .why-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 30px;\n        }\n\n        .why-card {\n            background: #141414;\n            border: 1px solid #262626;\n            border-radius: 8px;\n            padding: 36px 28px;\n        }\n\n        \/* Contact Section *\/\n        .contact-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        @media (min-width: 992px) {\n            .contact-grid {\n                grid-template-columns: 1fr 1.2fr;\n            }\n        }\n\n        .form-input {\n            width: 100%;\n            padding: 12px 16px;\n            background: #ffffff;\n            border: 1px solid #e5e7eb;\n            border-radius: 6px;\n            font-family: 'Outfit', sans-serif;\n            font-size: 14px;\n            outline: none;\n            transition: border-color 0.2s ease;\n        }\n\n        .form-input:focus {\n            border-color: #CC8F33;\n        }\n    <\/style>\n<\/head>\n<body>\n<!-- Google Tag Manager (noscript) -->\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-KW96FBD2\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\n<!-- End Google Tag Manager (noscript) -->\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \/ NAVIGATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <nav style=\"position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,0.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,0.07);\">\n        <div style=\"max-width:1300px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:66px;\">\n            <div style=\"display:flex;align-items:center;\">\n                <a href=\"https:\/\/keystonemarble.net\/\" class=\"custom-logo-link\" rel=\"home\" aria-current=\"page\">\n                    <img width=\"500\" height=\"86\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/KEYSTONE-LOGO.png\" class=\"custom-logo\" alt=\"Keystone\" decoding=\"async\"\/>\n                <\/a>\n            <\/div>\n            <div id=\"desktop-links\" style=\"align-items:center;gap:28px;\">\n                <a href=\"#services\" class=\"nav-link\">Services<\/a>\n                <a href=\"#collections\" class=\"nav-link\">Collections<\/a>\n                <a href=\"#gallery\" class=\"nav-link\">Gallery<\/a>\n                <a href=\"#process\" class=\"nav-link\">Process<\/a>\n                <a href=\"#why-us\" class=\"nav-link\">Why Us<\/a>\n                <a href=\"#contact\" class=\"nav-link\">Contact<\/a>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:14px;\">\n                <a href=\"tel:+12159073113\" id=\"desktop-phone\" style=\"font-family:'Outfit',sans-serif;font-size:13px;color:#6b7280;text-decoration:none;display:flex;align-items:center;gap:6px;\">&#9990; 215-907-3113<\/a>\n                <a href=\"#contact\" id=\"desktop-cta\" class=\"gradient-gold\" style=\"font-family:'Outfit',sans-serif;font-size:13px;font-weight:500;padding:10px 22px;border-radius:4px;text-decoration:none;letter-spacing:0.04em;\">Free Quote<\/a>\n                <button id=\"hamburger\" onclick=\"toggleMenu()\" style=\"background:none;border:none;cursor:pointer;font-size:22px;color:#141414;padding:4px;\">&#9776;<\/button>\n            <\/div>\n        <\/div>\n        <div id=\"mobile-menu\" style=\"background:#fff;border-top:1px solid #f0f0f0;padding:20px 24px;\">\n            <div style=\"display:flex;flex-direction:column;gap:14px;\">\n                <a href=\"#services\" class=\"nav-link\" onclick=\"closeMenu()\" style=\"font-size:16px;\">Services<\/a>\n                <a href=\"#collections\" class=\"nav-link\" onclick=\"closeMenu()\" style=\"font-size:16px;\">Collections<\/a>\n                <a href=\"#gallery\" class=\"nav-link\" onclick=\"closeMenu()\" style=\"font-size:16px;\">Gallery<\/a>\n                <a href=\"#process\" class=\"nav-link\" onclick=\"closeMenu()\" style=\"font-size:16px;\">Process<\/a>\n                <a href=\"#why-us\" class=\"nav-link\" onclick=\"closeMenu()\" style=\"font-size:16px;\">Why Us<\/a>\n                <a href=\"#contact\" class=\"nav-link\" onclick=\"closeMenu()\" style=\"font-size:16px;\">Contact<\/a>\n                <a href=\"tel:+12159073113\" style=\"font-family:'Outfit',sans-serif;font-size:14px;color:#6b7280;text-decoration:none;\">&#9990; 215-907-3113<\/a>\n                <a href=\"#contact\" onclick=\"closeMenu()\" class=\"gradient-gold\" style=\"font-family:'Outfit',sans-serif;font-size:14px;font-weight:500;padding:12px 24px;border-radius:4px;text-decoration:none;text-align:center;\">Get Free Quote<\/a>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section style=\"position:relative;min-height:100vh;display:flex;align-items:center;\">\n        <div style=\"position:absolute;inset:0;overflow:hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Premium stone surfaces\" style=\"width:100%;height:100%;object-fit:cover;\"\/>\n            <div style=\"position:absolute;inset:0;background:linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,0.2) 100%);\"><\/div>\n        <\/div>\n        <div style=\"position:relative;z-index:10;padding:130px 24px 80px;max-width:660px;\">\n            <p style=\"font-family:'Outfit',sans-serif;font-size:12px;letter-spacing:0.32em;text-transform:uppercase;color:#CC8F33;margin-bottom:20px;\">Premium Stone. Professional Services.<\/p>\n            <h1 style=\"font-size:clamp(40px,6vw,78px);font-weight:300;line-height:1.1;color:#fff;margin-bottom:22px;\">\n                Where Nature Meets <em style=\"font-weight:500;\">Excellence<\/em>\n            <\/h1>\n            <p style=\"font-family:'Outfit',sans-serif;font-size:16px;color:rgba(255,255,255,0.75);max-width:480px;margin-bottom:38px;line-height:1.75;\">\n                Premium granite, quartzite, marble, and quartz surfaces \u2014 delivered with precision, consistency, and care. Built for bold spaces.\n            <\/p>\n            <div style=\"display:flex;flex-wrap:wrap;gap:12px;\">\n                <a href=\"#contact\" class=\"gradient-gold\" style=\"font-family:'Outfit',sans-serif;font-size:13px;font-weight:500;padding:15px 32px;border-radius:4px;text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;\">Get Free Quote<\/a>\n                <a href=\"#collections\" style=\"font-family:'Outfit',sans-serif;font-size:13px;font-weight:500;padding:15px 32px;border-radius:4px;color:#fff;text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.32);\">View Collections<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STATS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section style=\"background:#0f0f0f;padding:56px 24px;color:#fff;\">\n        <div style=\"max-width:900px;margin:0 auto;\" class=\"stats-grid\">\n            <div style=\"text-align:center;\">\n                <strong style=\"font-size:28px;\">500+<\/strong>\n                <div style=\"opacity:0.8;font-size:14px;margin-top:4px;\">Projects Completed<\/div>\n            <\/div>\n            <div style=\"text-align:center;\">\n                <strong style=\"font-size:28px;\">25<\/strong>\n                <div style=\"opacity:0.8;font-size:14px;margin-top:4px;\">Years Experience<\/div>\n            <\/div>\n            <div style=\"text-align:center;\">\n                <strong style=\"font-size:28px;\">98%<\/strong>\n                <div style=\"opacity:0.8;font-size:14px;margin-top:4px;\">Client Satisfaction<\/div>\n            <\/div>\n            <div style=\"text-align:center;\">\n                <strong style=\"font-size:28px;\">Licensed<\/strong>\n                <div style=\"opacity:0.8;font-size:14px;margin-top:4px;\">&amp; Fully Insured<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"services\" class=\"section-pad\">\n        <div style=\"max-width:1200px;margin:0 auto;\">\n            <div style=\"text-align:center;margin-bottom:52px;\">\n                <p style=\"font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:#CC8F33;margin-bottom:12px;\">Natural Stone Collection<\/p>\n                <h2 style=\"font-size:clamp(30px,4vw,50px);font-weight:300;margin-bottom:14px;\">\n                    Formed by Nature. <em>Chosen for a Lifetime.<\/em>\n                <\/h2>\n                <p style=\"font-family:'Outfit',sans-serif;font-size:14px;color:#6b7280;max-width:560px;margin:0 auto;line-height:1.75;\">\n                    Natural stone offers unmatched durability, heat resistance, and timeless beauty \u2014 perfect for kitchens, bathrooms, fireplaces, and more.\n                <\/p>\n            <\/div>\n\n            <div class=\"svc-grid\">\n                <div class=\"svc-card\">\n                    <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Kitchen Countertops\"\/>\n                    <div class=\"svc-overlay\"><\/div>\n                    <div class=\"svc-text\">\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#CC8F33;margin-bottom:5px;\">Timeless beauty. Everyday durability.<\/p>\n                        <h3 style=\"font-size:22px;font-weight:500;color:#fff;margin-bottom:4px;\">Kitchen Countertops<\/h3>\n                        <p class=\"svc-desc\">Hand-selected natural stone surfaces crafted for both style and lasting function.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"svc-card\">\n                    <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Kitchen Islands\"\/>\n                    <div class=\"svc-overlay\"><\/div>\n                    <div class=\"svc-text\">\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#CC8F33;margin-bottom:5px;\">The heart of the home.<\/p>\n                        <h3 style=\"font-size:20px;font-weight:500;color:#fff;margin-bottom:4px;\">Kitchen Islands<\/h3>\n                        <p class=\"svc-desc\">Statement islands in premium quartz and marble, built to anchor your space.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"svc-card\">\n                    <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Bathroom Vanities\"\/>\n                    <div class=\"svc-overlay\"><\/div>\n                    <div class=\"svc-text\">\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#CC8F33;margin-bottom:5px;\">Elevate your daily routine.<\/p>\n                        <h3 style=\"font-size:20px;font-weight:500;color:#fff;margin-bottom:4px;\">Bathroom Vanities<\/h3>\n                        <p class=\"svc-desc\">Premium stone vanities that bring lasting elegance to every bathroom.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"svc-card\">\n                    <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Living Room Features\"\/>\n                    <div class=\"svc-overlay\"><\/div>\n                    <div class=\"svc-text\">\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#CC8F33;margin-bottom:5px;\">Luxury that surrounds you.<\/p>\n                        <h3 style=\"font-size:22px;font-weight:500;color:#fff;margin-bottom:4px;\">Living Room Features<\/h3>\n                        <p class=\"svc-desc\">Marble media walls and feature surfaces that make a room unforgettable.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align:center;margin-top:40px;\">\n                <a href=\"#contact\" class=\"gradient-gold\" style=\"display:inline-block;font-family:'Outfit',sans-serif;font-size:13px;font-weight:500;padding:14px 36px;border-radius:4px;color:#fff;text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;\">Get Free Quote<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 COLLECTIONS (ALL STONE & MARBLE TYPES) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"collections\" class=\"section-pad\" style=\"background:#fafaf9;\">\n        <div style=\"max-width:1240px;margin:0 auto;\">\n            <div style=\"text-align:center;margin-bottom:52px;\">\n                <p style=\"font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:#CC8F33;margin-bottom:12px;\">Our Premium Collection<\/p>\n                <h2 style=\"font-size:clamp(30px,4vw,50px);font-weight:300;\">\n                    Natural Stone &amp; Marble. <em>Endless Possibilities<\/em>\n                <\/h2>\n                <p style=\"font-family:'Outfit',sans-serif;font-size:14px;color:#6b7280;max-width:600px;margin:10px auto 0;line-height:1.7;\">\n                    Browse our extensive catalog of hand-selected slabs across Quartzite, Marble, Granite, and Quartz.\n                <\/p>\n            <\/div>\n\n            <!-- Tab Switchers -->\n            <div style=\"display:flex;justify-content:center;margin-bottom:44px;\">\n                <div style=\"background:#0f0f0f;border-radius:6px;padding:4px;display:inline-flex;gap:4px;flex-wrap:wrap;\">\n                    <button class=\"tab-btn active-tab\" data-tab=\"quartzite\" onclick=\"switchTab('quartzite')\">Quartzite<\/button>\n                    <button class=\"tab-btn\" data-tab=\"marble\" onclick=\"switchTab('marble')\">Marble<\/button>\n                    <button class=\"tab-btn\" data-tab=\"granite\" onclick=\"switchTab('granite')\">Granite<\/button>\n                    <button class=\"tab-btn\" data-tab=\"quartz\" onclick=\"switchTab('quartz')\">Quartz<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- 1. QUARTZITE TAB -->\n            <div id=\"tab-quartzite\" class=\"tab-content active\">\n                <div class=\"col-inner\">\n                    <div>\n                        <div class=\"col-hero\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Quartzite Collection\"\/>\n                            <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.45),transparent);\"><\/div>\n                            <span class=\"col-hero-badge\">Quartzite Collection<\/span>\n                        <\/div>\n                        <h3 style=\"font-size:30px;font-weight:300;margin-top:20px;margin-bottom:10px;\">Quartzite<\/h3>\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:13px;color:#6b7280;line-height:1.75;margin-bottom:16px;\">\n                            Timeless Beauty. Unmatched Strength. Explore the enduring elegance and natural resilience of quartzite slabs.\n                        <\/p>\n                        <div style=\"display:flex;flex-direction:column;gap:10px;margin-bottom:16px;\">\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Unique veining and movement in every slab<\/span>\n                            <\/div>\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Harder than granite with exceptional durability<\/span>\n                            <\/div>\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Highly resistant to heat, scratching &amp; etching<\/span>\n                            <\/div>\n                        <\/div>\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:11px;color:#9ca3af;font-style:italic;\">* Representative swatches \u2014 natural slab patterns vary.<\/p>\n                    <\/div>\n\n                    <div class=\"swatch-grid\">\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Titanium Quartzite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Titanium<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Taj Mahal Quartzite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Taj Mahal<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Brown Fantasy Leathered\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Brown Fantasy<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Stonewood Exotic\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Stonewood Exotic<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Sea Pearl Quartzite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Sea Pearl<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Mont Blanc Quartzite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Mont Blanc<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Super White Quartzite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Super White<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Macaubas Blue\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Macaubas Blue<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 2. MARBLE TAB -->\n            <div id=\"tab-marble\" class=\"tab-content\">\n                <div class=\"col-inner\">\n                    <div>\n                        <div class=\"col-hero\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Marble Collection\"\/>\n                            <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.45),transparent);\"><\/div>\n                            <span class=\"col-hero-badge\">Marble Collection<\/span>\n                        <\/div>\n                        <h3 style=\"font-size:30px;font-weight:300;margin-top:20px;margin-bottom:10px;\">Natural Marble<\/h3>\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:13px;color:#6b7280;line-height:1.75;margin-bottom:16px;\">\n                            Unrivaled classic luxury with dramatic veins and natural radiance. An iconic choice for bathroom vanities, statement kitchen islands, and fire surrounds.\n                        <\/p>\n                        <div style=\"display:flex;flex-direction:column;gap:10px;margin-bottom:16px;\">\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Classic European and exotic global quarries<\/span>\n                            <\/div>\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Polished, honed, and custom leathered finishes<\/span>\n                            <\/div>\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Increases overall property elegance and value<\/span>\n                            <\/div>\n                        <\/div>\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:11px;color:#9ca3af;font-style:italic;\">* Representative swatches \u2014 natural slab patterns vary.<\/p>\n                    <\/div>\n\n                    <div class=\"swatch-grid\">\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Carrara White Marble\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Carrara White<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Calacatta Gold Marble\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Calacatta Gold<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Nero Marquina Black Marble\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Nero Marquina<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Statuario Marble\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Statuario Classic<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Emperador Dark Marble\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Dark Emperador<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Crema Marfil Marble\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Crema Marfil<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Arabescato Marble\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Arabescato<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Bardiglio Grey Marble\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Bardiglio Grey<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 3. GRANITE TAB -->\n            <div id=\"tab-granite\" class=\"tab-content\">\n                <div class=\"col-inner\">\n                    <div>\n                        <div class=\"col-hero\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Granite Collection\"\/>\n                            <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.45),transparent);\"><\/div>\n                            <span class=\"col-hero-badge\">Granite Collection<\/span>\n                        <\/div>\n                        <h3 style=\"font-size:30px;font-weight:300;margin-top:20px;margin-bottom:10px;\">Natural Granite<\/h3>\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:13px;color:#6b7280;line-height:1.75;margin-bottom:16px;\">\n                            Classic durability with rich natural textures and mineral patterns. Highly scratch, chip, and heat resistant for both indoor and outdoor applications.\n                        <\/p>\n                        <div style=\"display:flex;flex-direction:column;gap:10px;margin-bottom:16px;\">\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Exceptional heat &amp; UV resistance<\/span>\n                            <\/div>\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Low maintenance with long-lasting sealer applications<\/span>\n                            <\/div>\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Ideal for heavy daily cooking and outdoor BBQ counters<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"swatch-grid\">\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Black Galaxy Granite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Black Galaxy<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Colonial White Granite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Colonial White<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Absolute Black Granite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Absolute Black<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Alaska White Granite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Alaska White<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Blue Pearl Granite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Blue Pearl<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Steel Grey Granite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Steel Grey<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Santa Cecilia Granite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Santa Cecilia<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Giallo Ornamental Granite\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Giallo Ornamental<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 4. QUARTZ TAB -->\n            <div id=\"tab-quartz\" class=\"tab-content\">\n                <div class=\"col-inner\">\n                    <div>\n                        <div class=\"col-hero\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Quartz Collection\"\/>\n                            <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.45),transparent);\"><\/div>\n                            <span class=\"col-hero-badge\">Quartz Collection<\/span>\n                        <\/div>\n                        <h3 style=\"font-size:30px;font-weight:300;margin-top:20px;margin-bottom:10px;\">Engineered Quartz<\/h3>\n                        <p style=\"font-family:'Outfit',sans-serif;font-size:13px;color:#6b7280;line-height:1.75;margin-bottom:16px;\">\n                            Non-porous, maintenance-free, and engineered for clean, modern aesthetics with consistent patterns and zero sealing required.\n                        <\/p>\n                        <div style=\"display:flex;flex-direction:column;gap:10px;margin-bottom:16px;\">\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">100% non-porous and antimicrobial<\/span>\n                            <\/div>\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Stain, acid, and wine spill resistant<\/span>\n                            <\/div>\n                            <div style=\"display:flex;align-items:center;gap:10px;\">\n                                <span style=\"width:7px;height:7px;border-radius:50%;background:#CC8F33;flex-shrink:0;\"><\/span>\n                                <span style=\"font-family:'Outfit',sans-serif;font-size:13px;\">Consistent color matching for modern spaces<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"swatch-grid\">\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Calacatta Gold Quartz\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Calacatta Gold<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Pure White Quartz\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Pure White<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Carrara Mist Quartz\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Carrara Mist<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Sparkling Black Quartz\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Sparkling Black<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Statuario Nuvo Quartz\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Statuario Nuvo<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Concrete Grey Quartz\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Concrete Grey<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Desert Silver Quartz\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Desert Silver<\/p>\n                        <\/div>\n                        <div class=\"swatch\">\n                            <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Marquina Night Quartz\"\/>\n                            <div class=\"swatch-overlay\"><\/div>\n                            <p class=\"swatch-label\">Marquina Night<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GALLERY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"gallery\" class=\"section-pad\" style=\"background:#ffffff;\">\n        <div style=\"max-width:1200px;margin:0 auto;\">\n            <div style=\"text-align:center;margin-bottom:52px;\">\n                <p style=\"font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:#CC8F33;margin-bottom:12px;\">Recent Installations<\/p>\n                <h2 style=\"font-size:clamp(30px,4vw,50px);font-weight:300;\">\n                    Our Master <em>Craftsmanship<\/em>\n                <\/h2>\n                <p style=\"font-family:'Outfit',sans-serif;font-size:14px;color:#6b7280;max-width:560px;margin:0 auto;line-height:1.75;\">\n                    Explore our recent fabrication and installation projects across Philadelphia and surrounding areas.\n                <\/p>\n            <\/div>\n\n            <div class=\"gallery-grid\">\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_1.webp\" alt=\"Kitchen Countertop Project\"\/>\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Kitchen_counter_2.webp\" alt=\"Custom Kitchen Island\"\/>\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Bathroom.webp\" alt=\"Luxury Bathroom Vanity\"\/>\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/Living_Room.webp\" alt=\"Feature Wall &amp; Fireplace\"\/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"process\" class=\"section-pad\" style=\"background:#fafaf9;\">\n        <div style=\"max-width:1200px;margin:0 auto;\">\n            <div style=\"text-align:center;margin-bottom:52px;\">\n                <p style=\"font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:#CC8F33;margin-bottom:12px;\">Step-by-Step<\/p>\n                <h2 style=\"font-size:clamp(30px,4vw,50px);font-weight:300;\">\n                    How We <em>Work<\/em>\n                <\/h2>\n            <\/div>\n\n            <div class=\"process-grid\">\n                <div class=\"step-card\">\n                    <div class=\"step-num\">01<\/div>\n                    <h3 style=\"font-size:20px;font-weight:600;margin-bottom:8px;\">Consultation &amp; Slab Selection<\/h3>\n                    <p style=\"font-size:13px;color:#6b7280;line-height:1.6;margin:0;\">Visit our showroom or consult with our stone specialists to select the ideal slab for your kitchen or bath.<\/p>\n                <\/div>\n                <div class=\"step-card\">\n                    <div class=\"step-num\">02<\/div>\n                    <h3 style=\"font-size:20px;font-weight:600;margin-bottom:8px;\">Laser Templating<\/h3>\n                    <p style=\"font-size:13px;color:#6b7280;line-height:1.6;margin:0;\">We take high-precision digital laser measurements of your cabinets to ensure a seamless edge-to-edge fit.<\/p>\n                <\/div>\n                <div class=\"step-card\">\n                    <div class=\"step-num\">03<\/div>\n                    <h3 style=\"font-size:20px;font-weight:600;margin-bottom:8px;\">Precision CNC Fabrication<\/h3>\n                    <p style=\"font-size:13px;color:#6b7280;line-height:1.6;margin:0;\">Your stone is precision cut and polished using advanced waterjet and CNC machinery, hand-finished by master masons.<\/p>\n                <\/div>\n                <div class=\"step-card\">\n                    <div class=\"step-num\">04<\/div>\n                    <h3 style=\"font-size:20px;font-weight:600;margin-bottom:8px;\">Professional Installation<\/h3>\n                    <p style=\"font-size:13px;color:#6b7280;line-height:1.6;margin:0;\">Our licensed, insured in-house crew installs your countertops with invisible seams and full post-job cleanup.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHY US \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"why-us\" class=\"section-pad\" style=\"background:#0a0a0a;color:#fff;\">\n        <div style=\"max-width:1200px;margin:0 auto;\">\n            <div style=\"text-align:center;margin-bottom:52px;\">\n                <p style=\"font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:#CC8F33;margin-bottom:12px;\">The Keystone Advantage<\/p>\n                <h2 style=\"font-size:clamp(30px,4vw,50px);font-weight:300;\">\n                    Why Homeowners &amp; Builders <em>Trust Us<\/em>\n                <\/h2>\n            <\/div>\n\n            <div class=\"why-grid\">\n                <div class=\"why-card\">\n                    <h3 style=\"font-size:22px;color:#fff;margin-bottom:10px;\">Direct Sourcing &amp; Pricing<\/h3>\n                    <p style=\"font-size:13px;color:#9ca3af;line-height:1.7;margin:0;\">We source premium slabs directly from top international quarries, offering competitive pricing without sacrificing luxury quality.<\/p>\n                <\/div>\n                <div class=\"why-card\">\n                    <h3 style=\"font-size:22px;color:#fff;margin-bottom:10px;\">Fast Turnaround Times<\/h3>\n                    <p style=\"font-size:13px;color:#9ca3af;line-height:1.7;margin:0;\">With our in-house automated fabrication facility, we provide fast template-to-installation turnarounds to keep your remodel on time.<\/p>\n                <\/div>\n                <div class=\"why-card\">\n                    <h3 style=\"font-size:22px;color:#fff;margin-bottom:10px;\">Licensed, Bonded &amp; Insured<\/h3>\n                    <p style=\"font-size:13px;color:#9ca3af;line-height:1.7;margin:0;\">Complete peace of mind on all residential and commercial projects with seasoned, certified stone fabrication professionals.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT \/ FREE QUOTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"contact\" class=\"section-pad\" style=\"background:#ffffff;\">\n        <div style=\"max-width:1200px;margin:0 auto;\">\n            <div class=\"contact-grid\">\n                <div>\n                    <p style=\"font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:#CC8F33;margin-bottom:12px;\">Get In Touch<\/p>\n                    <h2 style=\"font-size:clamp(32px,4vw,52px);font-weight:300;line-height:1.15;margin-bottom:18px;\">\n                        Ready to Start Your <em>Project?<\/em>\n                    <\/h2>\n                    <p style=\"font-size:14px;color:#6b7280;line-height:1.75;margin-bottom:28px;\">\n                        Contact our stone specialists today for a free estimate, design consultation, or to schedule a slab viewing.\n                    <\/p>\n\n                    <div style=\"display:flex;flex-direction:column;gap:16px;\">\n                        <div style=\"display:flex;align-items:center;gap:12px;\">\n                            <span style=\"color:#CC8F33;font-size:18px;\">&#9990;<\/span>\n                            <a href=\"tel:+12159073113\" style=\"color:#1f2937;text-decoration:none;font-size:15px;font-weight:500;\">+1 (215) 907-3113<\/a>\n                        <\/div>\n                        <div style=\"display:flex;align-items:center;gap:12px;\">\n                            <span style=\"color:#CC8F33;font-size:18px;\">&#9993;<\/span>\n                            <span style=\"color:#1f2937;font-size:15px;\">info@keystonemarble.net<\/span>\n                        <\/div>\n                        <div style=\"display:flex;align-items:center;gap:12px;\">\n                            <span style=\"color:#CC8F33;font-size:18px;\">&#9906;<\/span>\n                            <span style=\"color:#1f2937;font-size:15px;\">Philadelphia, PA &amp; Surrounding Areas<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Contact Form -->\n                <div style=\"background:#fafaf9;border:1px solid #f0f0f0;border-radius:8px;padding:36px 30px;\">\n                    <form onsubmit=\"event.preventDefault(); alert('Thank you! Your quote request has been received.');\" style=\"display:flex;flex-direction:column;gap:16px;\">\n                        <div>\n                            <label style=\"display:block;font-size:12px;font-weight:500;margin-bottom:6px;color:#374151;\">Your Name *<\/label>\n                            <input type=\"text\" class=\"form-input\" placeholder=\"John Doe\" required \/>\n                        <\/div>\n                        <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;\">\n                            <div>\n                                <label style=\"display:block;font-size:12px;font-weight:500;margin-bottom:6px;color:#374151;\">Phone Number *<\/label>\n                                <input type=\"tel\" class=\"form-input\" placeholder=\"(215) 000-0000\" required \/>\n                            <\/div>\n                            <div>\n                                <label style=\"display:block;font-size:12px;font-weight:500;margin-bottom:6px;color:#374151;\">Email Address *<\/label>\n                                <input type=\"email\" class=\"form-input\" placeholder=\"john@example.com\" required \/>\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <label style=\"display:block;font-size:12px;font-weight:500;margin-bottom:6px;color:#374151;\">Stone Type of Interest<\/label>\n                            <select class=\"form-input\">\n                                <option>Quartzite<\/option>\n                                <option>Natural Marble<\/option>\n                                <option>Granite<\/option>\n                                <option>Engineered Quartz<\/option>\n                                <option>Other \/ Not Sure<\/option>\n                            <\/select>\n                        <\/div>\n                        <div>\n                            <label style=\"display:block;font-size:12px;font-weight:500;margin-bottom:6px;color:#374151;\">Project Details<\/label>\n                            <textarea class=\"form-input\" rows=\"3\" placeholder=\"Tell us about your kitchen, bathroom, approximate square footage, or edge profile...\"><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"gradient-gold\" style=\"border:none;padding:14px 28px;border-radius:4px;font-family:'Outfit',sans-serif;font-size:13px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;margin-top:8px;\">\n                            Submit Free Quote Request\n                        <\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <footer style=\"background:#0a0a0a;color:#fff;padding:50px 24px;border-top:1px solid #1f2937;\">\n        <div style=\"max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;\">\n            <div>\n                <img decoding=\"async\" width=\"160\" src=\"https:\/\/keystonemarble.net\/wp-content\/uploads\/2026\/08\/KEYSTONE-LOGO.png\" alt=\"Keystone Marble\" style=\"filter:brightness(0) invert(1);margin-bottom:10px;\"\/>\n                <p style=\"color:#9ca3af;font-size:13px;margin:0;\">&copy; 2026 Keystone Marble. All rights reserved.<\/p>\n            <\/div>\n            <div style=\"display:flex;gap:24px;align-items:center;flex-wrap:wrap;\">\n                <a href=\"#services\" style=\"color:#9ca3af;font-size:13px;text-decoration:none;\">Services<\/a>\n                <a href=\"#collections\" style=\"color:#9ca3af;font-size:13px;text-decoration:none;\">Collections<\/a>\n                <a href=\"#gallery\" style=\"color:#9ca3af;font-size:13px;text-decoration:none;\">Gallery<\/a>\n                <a href=\"#process\" style=\"color:#9ca3af;font-size:13px;text-decoration:none;\">Process<\/a>\n                <a href=\"#why-us\" style=\"color:#9ca3af;font-size:13px;text-decoration:none;\">Why Us<\/a>\n                <a href=\"#contact\" style=\"color:#CC8F33;font-size:13px;text-decoration:none;font-weight:500;\">Get Free Quote<\/a>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JAVASCRIPT TAB \/ MOBILE LOGIC \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <script>\n        function toggleMenu() {\n            var menu = document.getElementById('mobile-menu');\n            if (menu.style.display === 'block') {\n                menu.style.display = 'none';\n            } else {\n                menu.style.display = 'block';\n            }\n        }\n\n        function closeMenu() {\n            var menu = document.getElementById('mobile-menu');\n            if (menu) {\n                menu.style.display = 'none';\n            }\n        }\n\n        function switchTab(tabId) {\n            var contents = document.querySelectorAll('.tab-content');\n            contents.forEach(function(content) {\n                content.classList.remove('active');\n            });\n\n            var buttons = document.querySelectorAll('.tab-btn');\n            buttons.forEach(function(btn) {\n                btn.classList.remove('active-tab');\n            });\n\n            var activeTab = document.getElementById('tab-' + tabId);\n            if (activeTab) {\n                activeTab.classList.add('active');\n            }\n\n            var activeButton = document.querySelector('.tab-btn[data-tab=\"' + tabId + '\"]');\n            if (activeButton) {\n                activeButton.classList.add('active-tab');\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Keystone \u2013 Premium Granite, Quartzite, Quartz &amp; Marble Fabrication Services Collections Gallery Process Why Us Contact &#9990; 215-907-3113 Free Quote &#9776; Services Collections Gallery Process Why Us Contact &#9990; 215-907-3113 Get Free Quote Premium Stone. Professional Services. Where Nature Meets Excellence Premium granite, quartzite, marble, and quartz surfaces \u2014 delivered with precision, consistency, and care. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/keystonemarble.net\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keystonemarble.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keystonemarble.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keystonemarble.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keystonemarble.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":15,"href":"https:\/\/keystonemarble.net\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/keystonemarble.net\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/keystonemarble.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}