{"id":303,"date":"2026-01-27T23:22:09","date_gmt":"2026-01-27T23:22:09","guid":{"rendered":"https:\/\/gend.me\/sojcontracting\/?page_id=303"},"modified":"2026-02-21T19:57:14","modified_gmt":"2026-02-21T19:57:14","slug":"home","status":"publish","type":"page","link":"https:\/\/gend.me\/sojcontracting\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"303\" class=\"elementor elementor-303\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94138db e-con-full e-flex e-con e-parent\" data-id=\"94138db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc6472d elementor-widget elementor-widget-html\" data-id=\"fc6472d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&display=swap');\r\n\r\n    .hp-badge-section {\r\n        background-color: #111111; \/* Deepest Charcoal *\/\r\n        padding: 60px 5%;\r\n        font-family: 'Inter', sans-serif;\r\n        display: flex;\r\n        justify-content: center;\r\n        border-bottom: 1px solid rgba(197, 164, 126, 0.1);\r\n    }\r\n\r\n    .hp-badge-container {\r\n        max-width: 1400px;\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: repeat(6, 1fr); \/* 6 Services *\/\r\n        gap: 20px;\r\n    }\r\n\r\n    .hp-badge-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        padding: 30px 15px;\r\n        text-decoration: none;\r\n        color: #ffffff;\r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        border: 1px solid transparent;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Subtle Architectural Icon Holder *\/\r\n    .hp-badge-icon-wrap {\r\n        width: 50px;\r\n        height: 50px;\r\n        margin-bottom: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid #c5a47e; \/* Gold Outline *\/\r\n        transform: rotate(45deg); \/* Diamond Shape *\/\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .hp-badge-icon-wrap i, \r\n    .hp-badge-icon-wrap svg {\r\n        transform: rotate(-45deg); \/* Correct the icon orientation *\/\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: #c5a47e;\r\n    }\r\n\r\n    .hp-badge-text {\r\n        font-size: 0.8rem;\r\n        font-weight: 400;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        color: #d1d1d1;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    \/* Hover States *\/\r\n    .hp-badge-item:hover {\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border-color: rgba(197, 164, 126, 0.3);\r\n    }\r\n\r\n    .hp-badge-item:hover .hp-badge-icon-wrap {\r\n        background-color: #c5a47e;\r\n        border-color: #c5a47e;\r\n    }\r\n\r\n    .hp-badge-item:hover .hp-badge-icon-wrap i,\r\n    .hp-badge-item:hover .hp-badge-icon-wrap svg {\r\n        fill: #111111; \/* Icon turns dark on gold background *\/\r\n    }\r\n\r\n    .hp-badge-item:hover .hp-badge-text {\r\n        color: #ffffff;\r\n    }\r\n\r\n    \/* Mobile Responsiveness *\/\r\n    @media (max-width: 1024px) {\r\n        .hp-badge-container { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .hp-badge-container { grid-template-columns: repeat(2, 1fr); }\r\n        .hp-badge-item { padding: 20px 10px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hp-badge-section\">\r\n    <div class=\"hp-badge-container\">\r\n        \r\n        <a href=\"#kitchens\" class=\"hp-badge-item\">\r\n            <div class=\"hp-badge-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M19,3H5C3.89,3 3,3.9 3,5V19C3,20.1 3.89,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.9 20.1,3 19,3M19,19H5V5H19V19M17,8H15V7H13V8H11V7H9V8H7V7H5V17H7V15H9V17H11V15H13V17H15V15H17V17H19V7H17V8Z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"hp-badge-text\">Kitchens & Baths<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#basements\" class=\"hp-badge-item\">\r\n            <div class=\"hp-badge-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12,5.69L17,10.19V18H15V12H9V18H7V10.19L12,5.69M12,3L2,12H5V20H20V12H23L12,3Z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"hp-badge-text\">Basements<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#fences\" class=\"hp-badge-item\">\r\n            <div class=\"hp-badge-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M21,12V14H19V12H21M19,10H21V8H19V10M17,14V12H15V14H17M15,10H17V8H15V10M13,14V12H11V14H13M11,10H13V8H11V10M9,14V12H7V14H9M7,10H9V8H7V10M5,14V12H3V14H5M3,10H5V8H3V10M2,6H22V16H2V6Z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"hp-badge-text\">Fences & Decks<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#siding\" class=\"hp-badge-item\">\r\n            <div class=\"hp-badge-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M4,5V19H20V5H4M18,17H6V7H18V17M10.5,14.5L12.5,12L15.5,15.5H8.5L10.5,14.5Z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"hp-badge-text\">Modern Siding<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#windows\" class=\"hp-badge-item\">\r\n            <div class=\"hp-badge-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M21,20V2H3V20H1V22H23V20M5,4H11V11H5M5,20V13H11V20M19,20H13V13H19M19,11H13V4H19\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"hp-badge-text\">Windows & Doors<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#flooring\" class=\"hp-badge-item\">\r\n            <div class=\"hp-badge-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M11,2V4H7V2H11M13,2V4H17V2H13M11,20V22H7V20H11M13,20V22H17V20H13M20,2H22V22H20V2M4,2H2V22H4V2M18,10V14H6V10H18M18,16V18H6V16H18M18,6V8H6V6H18Z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"hp-badge-text\">Custom Flooring<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-688d632 e-con-full e-flex e-con e-parent\" data-id=\"688d632\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b4cdf7 elementor-widget elementor-widget-html\" data-id=\"7b4cdf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');\r\n\r\n    #sn-internal-intro {\r\n        background-color: #0a0a0a;\r\n        color: #ffffff;\r\n        font-family: 'Inter', sans-serif;\r\n        overflow: hidden;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* 1. INFINITE ARCHITECTURAL CAROUSEL *\/\r\n    .sn-carousel-outer {\r\n        position: relative;\r\n        padding: 40px 0;\r\n        background: #000;\r\n        width: 100vw;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        border-bottom: 1px solid rgba(197, 164, 126, 0.2);\r\n    }\r\n\r\n    .sn-carousel-viewport {\r\n        overflow: hidden;\r\n        width: 100%;\r\n        display: flex;\r\n    }\r\n\r\n    .sn-track-infinite {\r\n        display: flex !important;\r\n        flex-direction: row !important;\r\n        gap: 20px;\r\n        will-change: transform;\r\n        animation: snAutoScrollInternal 50s linear infinite;\r\n    }\r\n\r\n    .sn-track-infinite:hover {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    .sn-carousel-img-fixed {\r\n        flex: 0 0 380px !important;\r\n        width: 380px !important;\r\n        height: 280px !important;\r\n        object-fit: cover !important;\r\n        filter: grayscale(40%) brightness(0.7);\r\n        border: 1px solid rgba(255,255,255,0.05);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .sn-carousel-img-fixed:hover {\r\n        filter: grayscale(0%) brightness(1);\r\n        border-color: #c5a47e;\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    @keyframes snAutoScrollInternal {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(calc(-400px * 11)); } \/* Width + Gap * Unique Image Count *\/\r\n    }\r\n\r\n    \/* 2. NAVIGATION ARROWS *\/\r\n    .sn-nav-arrow {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background: rgba(10, 10, 10, 0.8);\r\n        border: 1px solid #c5a47e;\r\n        color: #c5a47e;\r\n        width: 45px;\r\n        height: 45px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        z-index: 100;\r\n        border-radius: 50%;\r\n        font-size: 18px;\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .sn-arrow-left { left: 30px; }\r\n    .sn-arrow-right { right: 30px; }\r\n\r\n    \/* 3. NARRATIVE TEXT SECTION *\/\r\n    .sn-narrative-container {\r\n        text-align: center;\r\n        padding: 100px 5%;\r\n        max-width: 950px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sn-narrative-tag {\r\n        color: #c5a47e;\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        font-size: 0.75rem;\r\n        display: block;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .sn-narrative-title {\r\n        font-family: 'Playfair Display', serif;\r\n        color: #ffffff;\r\n        font-size: clamp(2rem, 4vw, 2.8rem);\r\n        margin-bottom: 30px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .sn-narrative-body {\r\n        font-weight: 200;\r\n        color: #888;\r\n        line-height: 2.2;\r\n        letter-spacing: 1px;\r\n        font-size: 1.05rem;\r\n    }\r\n\r\n    \/* 4. GALLERY LINK *\/\r\n    .sn-gallery-link-wrap {\r\n        text-align: center;\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .sn-gallery-link {\r\n        color: #c5a47e;\r\n        text-decoration: none;\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        border-bottom: 1px solid transparent;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .sn-gallery-link:hover {\r\n        color: #ffffff;\r\n        border-bottom: 1px solid #c5a47e;\r\n    }\r\n<\/style>\r\n\r\n<div id=\"sn-internal-intro\">\r\n    <div class=\"sn-carousel-outer\">\r\n        <div class=\"sn-nav-arrow sn-arrow-left\" id=\"sn-prev-trigger\">\u2190<\/div>\r\n        <div class=\"sn-nav-arrow sn-arrow-right\" id=\"sn-next-trigger\">\u2192<\/div>\r\n        \r\n        <div class=\"sn-carousel-viewport\">\r\n            <div class=\"sn-track-infinite\" id=\"sn-internal-track\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_1596-scaled.jpeg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_4238-scaled.jpeg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_2113-1-scaled.jpeg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_4664.jpg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_3599-scaled.jpg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_9357-scaled.jpg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_3944.jpg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_2033.jpg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_4115-scaled.jpeg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/01\/white-home1.png\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/01\/IMG_7636-scaled.jpg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_1596-scaled.jpeg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_4238-scaled.jpeg\" class=\"sn-carousel-img-fixed\">\r\n                <img decoding=\"async\" src=\"https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_2113-1-scaled.jpeg\" class=\"sn-carousel-img-fixed\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sn-gallery-link-wrap\">\r\n            <a href=\"\/project-gallery\" class=\"sn-gallery-link\">Explore Renovation Gallery<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sn-narrative-container\">\r\n        <span class=\"sn-narrative-tag\">Bespoke Interiors<\/span>\r\n        <h2 class=\"sn-narrative-title\">Transforming interiors into functional, durable spaces built for your lifestyle.<\/h2>\r\n        <p class=\"sn-narrative-body\">\r\n            From comprehensive main-floor structural reworking to the meticulous installation of custom millwork, we offer full-service general contracting trusted by global brands and perfected for your home. Every project is delivered with expert management and a sharp eye for architectural detail.\r\n        <\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const track = document.getElementById('sn-internal-track');\r\n        const prev = document.getElementById('sn-prev-trigger');\r\n        const next = document.getElementById('sn-next-trigger');\r\n        \r\n        let manualOffset = 0;\r\n        const step = 400; \/\/ Image width (380) + Gap (20)\r\n\r\n        next.addEventListener('click', () => {\r\n            track.style.animation = 'none';\r\n            manualOffset -= step;\r\n            track.style.transform = `translateX(${manualOffset}px)`;\r\n        });\r\n\r\n        prev.addEventListener('click', () => {\r\n            track.style.animation = 'none';\r\n            manualOffset += step;\r\n            track.style.transform = `translateX(${manualOffset}px)`;\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2625bd e-con-full e-flex e-con e-parent\" data-id=\"e2625bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19ba7c2 elementor-widget elementor-widget-html\" data-id=\"19ba7c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. IMPORTS & RESET *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');\r\n\r\n    .hp-luxury-section {\r\n        position: relative;\r\n        min-height: 80vh;\r\n        background: #0a0a0a; \/* Darker luxury base *\/\r\n        color: #ffffff;\r\n        font-family: 'Inter', sans-serif;\r\n        padding: 100px 5%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Primary Background Image: White Home Front *\/\r\n    .hp-luxury-section::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/01\/white-home1.png');\r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 0.25; \/* Subtle bleed-through for high-end feel *\/\r\n        z-index: 1;\r\n    }\r\n\r\n    .hp-container {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* 2. TEXT STYLING *\/\r\n    .hp-text-col {\r\n        animation: snFadeUp 1.2s ease-out;\r\n    }\r\n\r\n    .hp-serif-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.5rem, 5vw, 4.2rem);\r\n        line-height: 1.1;\r\n        margin-bottom: 20px;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .hp-accent-subtitle {\r\n        font-size: 1.1rem;\r\n        font-weight: 300;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        color: #c5a47e; \/* Signature Gold *\/\r\n        margin-bottom: 30px;\r\n        display: block;\r\n    }\r\n\r\n    .hp-body-text {\r\n        line-height: 2;\r\n        color: #d1d1d1;\r\n        font-size: 1.1rem;\r\n        margin-bottom: 45px;\r\n        max-width: 520px;\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* CTA BUTTON *\/\r\n    .hp-cta-btn {\r\n        display: inline-block;\r\n        padding: 20px 45px;\r\n        background: transparent;\r\n        border: 1px solid #c5a47e;\r\n        color: #ffffff;\r\n        text-decoration: none;\r\n        letter-spacing: 3px;\r\n        font-size: 0.85rem;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .hp-cta-btn:hover {\r\n        background: #c5a47e;\r\n        color: #0a0a0a;\r\n    }\r\n\r\n    \/* 3. IMAGE GALLERY - ACTUAL WORK *\/\r\n    .hp-image-col {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n        z-index: 10;\r\n    }\r\n\r\n    .hp-img-item {\r\n        background-size: cover;\r\n        background-position: center;\r\n        min-height: 220px;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        filter: grayscale(20%);\r\n    }\r\n\r\n    .hp-img-item:hover {\r\n        transform: scale(1.03);\r\n        border-color: #c5a47e;\r\n        filter: grayscale(0%);\r\n    }\r\n\r\n    .hp-img-main {\r\n        grid-column: span 2;\r\n        height: 380px;\r\n    }\r\n\r\n    \/* 4. LOGO BAR *\/\r\n    .hp-partners {\r\n        position: relative;\r\n        z-index: 10;\r\n        margin-top: 100px;\r\n        padding-top: 40px;\r\n        border-top: 1px solid rgba(255,255,255,0.1);\r\n        text-align: center;\r\n    }\r\n\r\n    .hp-partners-label {\r\n        font-size: 0.7rem;\r\n        letter-spacing: 5px;\r\n        color: #666;\r\n        text-transform: uppercase;\r\n        margin-bottom: 30px;\r\n        display: block;\r\n    }\r\n\r\n    .hp-logo-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 50px;\r\n        opacity: 0.6;\r\n        font-size: 0.8rem;\r\n        letter-spacing: 3px;\r\n        font-weight: 500;\r\n        color: #d1d1d1;\r\n    }\r\n\r\n    @keyframes snFadeUp {\r\n        from { opacity: 0; transform: translateY(30px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n        .hp-container { grid-template-columns: 1fr; gap: 60px; text-align: center; }\r\n        .hp-body-text { margin: 0 auto 40px; }\r\n        .hp-image-col { order: -1; }\r\n        .hp-img-main { height: 300px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hp-luxury-section\">\r\n    <div class=\"hp-container\">\r\n        \r\n        <div class=\"hp-text-col\">\r\n            <span class=\"hp-accent-subtitle\">Bespoke Architectural Facades<\/span>\r\n            <h2 class=\"hp-serif-title\">The Art of the Exterior<\/h2>\r\n            <p class=\"hp-body-text\">\r\n                We specialize in the design and installation of high end exterior systems. From the organic warmth of modern wood siding to high performance architectural accents, we transform residential structures into a lasting statement of luxury.\r\n            <\/p>\r\n            <a href=\"\/contact\" class=\"hp-cta-btn\">Start Your Project<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hp-image-col\">\r\n            <div class=\"hp-img-item hp-img-main\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/01\/Blackhome-1-front.png');\"><\/div>\r\n            <div class=\"hp-img-item\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/01\/white-farm-house.png');\"><\/div>\r\n            <div class=\"hp-img-item\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/Purple-home-scaled.jpeg');\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hp-partners\">\r\n        <span class=\"hp-partners-label\">Some Products We Work With<\/span>\r\n        <div class=\"hp-logo-grid\">\r\n            <span>MAIBEC<\/span>\r\n            <span>LONGBOARD<\/span>\r\n            <span>CELECT PVC<\/span>\r\n            <span>JAMES HARDIE<\/span>\r\n            <span>CAPE COD WOOD<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba72a91 e-con-full e-flex e-con e-parent\" data-id=\"ba72a91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-699ba03 elementor-widget elementor-widget-html\" data-id=\"699ba03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. CORE STYLING *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');\r\n\r\n    .hp-finishing-section {\r\n        position: relative;\r\n        padding: 140px 5%;\r\n        background-color: #0d0d0d; \/* Deep Obsidian *\/\r\n        color: #ffffff;\r\n        font-family: 'Inter', sans-serif;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .hp-finish-container {\r\n        position: relative;\r\n        z-index: 5;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* 2. TEXTUAL CONTENT *\/\r\n    .hp-finish-text {\r\n        flex: 1;\r\n        min-width: 350px;\r\n    }\r\n\r\n    .hp-finish-gold {\r\n        color: #c5a47e;\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        font-size: 0.85rem;\r\n        font-weight: 500;\r\n        display: block;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .hp-finish-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.5rem, 5vw, 4rem);\r\n        line-height: 1.1;\r\n        margin-bottom: 35px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .hp-finish-description {\r\n        font-size: 1.15rem;\r\n        line-height: 2;\r\n        color: #a0a0a0;\r\n        margin-bottom: 50px;\r\n        border-left: 1px solid #c5a47e;\r\n        padding-left: 35px;\r\n        font-weight: 200;\r\n    }\r\n\r\n    \/* 3. FEATURED DETAIL CARDS *\/\r\n    .hp-detail-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 25px;\r\n        flex: 1.3;\r\n    }\r\n\r\n    .hp-detail-card {\r\n        position: relative;\r\n        height: 350px;\r\n        background-size: cover;\r\n        background-position: center;\r\n        border: 1px solid rgba(255,255,255,0.05);\r\n        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 30px;\r\n        text-decoration: none;\r\n        color: white;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Hover Overlay for readability *\/\r\n    .hp-detail-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.7) 100%, transparent 10%);\r\n        z-index: 1;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .hp-detail-card:hover {\r\n        transform: translateY(-10px);\r\n        border-color: #c5a47e;\r\n    }\r\n\r\n    .hp-detail-card:hover::before {\r\n        background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(197, 164, 126, 0.1) 100%);\r\n    }\r\n\r\n    .hp-card-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .hp-card-label {\r\n        font-size: 0.7rem;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        color: #c5a47e;\r\n        margin-bottom: 8px;\r\n        display: block;\r\n    }\r\n\r\n    .hp-card-name {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 1.6rem;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* RECTANGLE DECORATION *\/\r\n    .hp-finish-bg-shape {\r\n        position: absolute;\r\n        right: -10%;\r\n        top: 5%;\r\n        width: 50%;\r\n        height: 90%;\r\n        background: rgba(197, 164, 126, 0.02);\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .hp-detail-grid { grid-template-columns: 1fr; }\r\n        .hp-finish-description { padding-left: 0; border-left: none; }\r\n        .hp-finish-bg-shape { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hp-finishing-section\">\r\n    <div class=\"hp-finish-bg-shape\"><\/div>\r\n    \r\n    <div class=\"hp-finish-container\">\r\n        \r\n        <div class=\"hp-finish-text\">\r\n            <span class=\"hp-finish-gold\">The Sojnocki Signature<\/span>\r\n            <h2 class=\"hp-finish-title\">The \"Finishing Touch\" is our legacy.<\/h2>\r\n            <p class=\"hp-finish-description\">\r\n                We specialize in custom architectural features that define a structure. From cedar lined covered porches to bespoke interior accents, we execute the complex details that transform a standard build into a masterwork.\r\n            <\/p>\r\n            <a href=\"\/project-gallery\" class=\"hp-cta-btn\">Explore The Gallery<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hp-detail-grid\">\r\n            \r\n            <div class=\"hp-detail-card\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_4664.jpg');\">\r\n                <div class=\"hp-card-content\">\r\n                    <span class=\"hp-card-label\">Bespoke Interior\/Exterior<\/span>\r\n                    <h4 class=\"hp-card-name\">Accent wall & Details<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hp-detail-card\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_3944.jpg');\">\r\n                <div class=\"hp-card-content\">\r\n                    <span class=\"hp-card-label\">Covered porches<\/span>\r\n                    <h4 class=\"hp-card-name\">Cedar & Pine Lined<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hp-detail-card\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_3599-scaled.jpg');\">\r\n                <div class=\"hp-card-content\">\r\n                    <span class=\"hp-card-label\">Premium Exterior Finishes<\/span>\r\n                    <h4 class=\"hp-card-name\">Custom Wood Posts, Beams & Design Accents<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hp-detail-card\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_1596-1-scaled.jpeg');\">\r\n                <div class=\"hp-card-content\">\r\n                    <span class=\"hp-card-label\">Outside Structures<\/span>\r\n                    <h4 class=\"hp-card-name\">Deck & Fence Design<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fb22ad e-con-full e-flex e-con e-parent\" data-id=\"6fb22ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bc4816 elementor-widget elementor-widget-html\" data-id=\"3bc4816\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. SECTION ARCHITECTURE *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');\r\n\r\n    .hp-interior-section {\r\n        position: relative;\r\n        min-height: 90vh;\r\n        background: #0a0a0a; \r\n        color: #ffffff;\r\n        font-family: 'Inter', sans-serif;\r\n        padding: 120px 5%;\r\n        display: flex;\r\n        align-items: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background with deep vignette for luxury depth *\/\r\n    .hp-interior-section::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        \/* Using the wide kitchen shot for background atmosphere *\/\r\n        background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_4238-scaled.jpeg'); \r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 0.2;\r\n        z-index: 1;\r\n    }\r\n\r\n    .hp-int-container {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 100px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* 2. TEXT & LIST STYLING *\/\r\n    .hp-int-gold {\r\n        color: #c5a47e;\r\n        font-weight: 300;\r\n        letter-spacing: 5px;\r\n        text-transform: uppercase;\r\n        font-size: 0.85rem;\r\n        display: block;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .hp-int-serif {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.2rem, 4.5vw, 3.8rem);\r\n        line-height: 1.1;\r\n        margin-bottom: 30px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .hp-int-body {\r\n        font-size: 1.1rem;\r\n        line-height: 1.9;\r\n        color: #a0a0a0;\r\n        margin-bottom: 50px;\r\n        font-weight: 200;\r\n        max-width: 550px;\r\n    }\r\n\r\n    .hp-service-list {\r\n        border-top: 1px solid rgba(197, 164, 126, 0.4);\r\n        padding-top: 10px;\r\n    }\r\n\r\n    .hp-service-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 20px 0;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n        font-size: 0.95rem;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        transition: all 0.4s ease;\r\n        color: #d1d1d1;\r\n    }\r\n\r\n    .hp-service-item:hover {\r\n        color: #c5a47e;\r\n        padding-left: 10px;\r\n    }\r\n\r\n    .hp-service-num {\r\n        font-family: 'Playfair Display', serif;\r\n        font-style: italic;\r\n        color: #c5a47e;\r\n        font-size: 0.85rem;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    \/* 3. MASONRY IMAGE FRAME *\/\r\n    .hp-int-gallery {\r\n        position: relative;\r\n    }\r\n\r\n    .hp-int-frame {\r\n        width: 100%;\r\n        height: 550px;\r\n        background-size: cover;\r\n        background-position: center;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        position: relative;\r\n        z-index: 2;\r\n        \/* Primary focus: Modern kitchen detail *\/\r\n        background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_4205-scaled.jpeg');\r\n        transition: transform 0.6s ease;\r\n    }\r\n\r\n    \/* The Architectural Outline Decor *\/\r\n    .hp-int-gallery::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 30px; \r\n        right: -30px; \r\n        bottom: -30px; \r\n        left: 30px;\r\n        border: 1px solid rgba(197, 164, 126, 0.3);\r\n        z-index: 1;\r\n    }\r\n\r\n    .hp-int-frame:hover {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    .hp-int-caption {\r\n        font-size: 0.7rem; \r\n        letter-spacing: 3px; \r\n        color: #666; \r\n        text-transform: uppercase; \r\n        margin-top: 50px;\r\n        display: block;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 991px) {\r\n        .hp-int-container { grid-template-columns: 1fr; gap: 80px; }\r\n        .hp-int-frame { height: 400px; }\r\n        .hp-int-gallery::after { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hp-interior-section\">\r\n    <div class=\"hp-int-container\">\r\n        \r\n        <div class=\"hp-int-gallery\">\r\n            <div class=\"hp-int-frame\"><\/div>\r\n            <span class=\"hp-int-caption\">\r\n                Design Philosophy: Functional. Durable. Bespoke.\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hp-int-text\">\r\n            <span class=\"hp-int-gold\">Interior Transformation<\/span>\r\n            <h2 class=\"hp-int-serif\">Spaces built to match your lifestyle.<\/h2>\r\n            <p class=\"hp-int-body\">\r\n                From structural reworking to the final finishing touch, we deliver interiors that feel intentional and built right the first time. We handle every stage with precision, clear communication, and high quality craftsmanship.\r\n            <\/p>\r\n\r\n            <div class=\"hp-service-list\">\r\n                <div class=\"hp-service-item\">\r\n                    <span>Full Home Renovations<\/span>\r\n                    <span class=\"hp-service-num\">01<\/span>\r\n                <\/div>\r\n                <div class=\"hp-service-item\">\r\n                    <span>Bespoke Kitchens & Baths<\/span>\r\n                    <span class=\"hp-service-num\">02<\/span>\r\n                <\/div>\r\n                <div class=\"hp-service-item\">\r\n                    <span>Basements & Living Spaces<\/span>\r\n                    <span class=\"hp-service-num\">03<\/span>\r\n                <\/div>\r\n                <div class=\"hp-service-item\">\r\n                    <span>Framing & Custom Finishing<\/span>\r\n                    <span class=\"hp-service-num\">04<\/span>\r\n                <\/div>\r\n                <div class=\"hp-service-item\">\r\n                    <span>Flooring, Trim & Millwork<\/span>\r\n                    <span class=\"hp-service-num\">05<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2ae43c e-con-full e-flex e-con e-parent\" data-id=\"c2ae43c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75a443d elementor-widget elementor-widget-html\" data-id=\"75a443d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');\r\n\r\n    .sn-process-section-white {\r\n        background-color: #ffffff; \/* Clean White Background *\/\r\n        color: #1a1a1a;\r\n        font-family: 'Inter', sans-serif;\r\n        padding: 120px 5%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sn-process-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 100px;\r\n    }\r\n\r\n    .sn-process-tag {\r\n        color: #c5a47e; \/* Signature Gold *\/\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        font-size: 0.8rem;\r\n        display: block;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sn-process-main-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.5rem, 5vw, 4rem);\r\n        line-height: 1.1;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    \/* STEP LAYOUT *\/\r\n    .sn-step-row {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 80px;\r\n        margin-bottom: 120px;\r\n        max-width: 1200px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .sn-step-row:nth-child(even) {\r\n        flex-direction: row-reverse;\r\n    }\r\n\r\n    .sn-step-image {\r\n        flex: 1;\r\n        position: relative;\r\n    }\r\n\r\n    .sn-step-img-frame {\r\n        width: 100%;\r\n        height: 450px;\r\n        background-size: cover;\r\n        background-position: center;\r\n        border: 1px solid rgba(0, 0, 0, 0.05); \/* Subtle frame for white background *\/\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .sn-step-row:hover .sn-step-img-frame {\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* Numerical Anchor - Softened for White Background *\/\r\n    .sn-step-number {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 8rem;\r\n        color: rgba(197, 164, 126, 0.15); \r\n        position: absolute;\r\n        top: -40px;\r\n        left: -40px;\r\n        z-index: 1;\r\n        line-height: 1;\r\n    }\r\n\r\n    .sn-step-row:nth-child(even) .sn-step-number {\r\n        left: auto;\r\n        right: -40px;\r\n    }\r\n\r\n    .sn-step-text {\r\n        flex: 1;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .sn-step-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 2.2rem;\r\n        margin-bottom: 25px;\r\n        color: #c5a47e;\r\n    }\r\n\r\n    .sn-step-description {\r\n        font-size: 1.1rem;\r\n        line-height: 1.9;\r\n        color: #444444; \/* Darker charcoal for legibility on white *\/\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* CTA BUTTON *\/\r\n    .sn-process-footer {\r\n        text-align: center;\r\n        margin-top: 60px;\r\n    }\r\n\r\n    .sn-process-btn {\r\n        display: inline-block;\r\n        padding: 20px 45px;\r\n        border: 1px solid #c5a47e;\r\n        background: transparent;\r\n        color: #c5a47e;\r\n        text-decoration: none;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        font-size: 0.9rem;\r\n        transition: all 0.3s ease;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .sn-process-btn:hover {\r\n        background: #c5a47e;\r\n        color: #ffffff;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .sn-step-row, .sn-step-row:nth-child(even) { flex-direction: column; gap: 40px; text-align: center; }\r\n        .sn-step-img-frame { height: 300px; }\r\n        .sn-step-number { font-size: 5rem; top: -20px; left: 0; right: 0; text-align: center; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sn-process-section-white\">\r\n    <div class=\"sn-process-header\">\r\n        <span class=\"sn-process-tag\">Experience the Excellence<\/span>\r\n        <h2 class=\"sn-process-main-title\">Our Proven Process<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"sn-step-row\">\r\n        <div class=\"sn-step-image\">\r\n            <span class=\"sn-step-number\">01<\/span>\r\n            <div class=\"sn-step-img-frame\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/IMG_2033.jpg');\"><\/div>\r\n        <\/div>\r\n        <div class=\"sn-step-text\">\r\n            <h3 class=\"sn-step-title\">Discovery & Vision<\/h3>\r\n            <p class=\"sn-step-description\">\r\n                We start with a deep dive into your goals, budget, and timeline to ensure our blueprint matches your dream perfectly.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sn-step-row\">\r\n        <div class=\"sn-step-image\">\r\n            <span class=\"sn-step-number\">02<\/span>\r\n            <div class=\"sn-step-img-frame\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/01\/white-home1.png');\"><\/div>\r\n        <\/div>\r\n        <div class=\"sn-step-text\">\r\n            <h3 class=\"sn-step-title\">Design & Detailing<\/h3>\r\n            <p class=\"sn-step-description\">\r\n                Together, we select premium materials and finalize technical plans, identifying ways to accent key areas and eliminate all guesswork before construction begins.\r\n\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sn-step-row\">\r\n        <div class=\"sn-step-image\">\r\n            <span class=\"sn-step-number\">03<\/span>\r\n            <div class=\"sn-step-img-frame\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/02\/ChatGPT-Image-Feb-1-2026-at-11_10_16-AM.png');\"><\/div>\r\n        <\/div>\r\n        <div class=\"sn-step-text\">\r\n            <h3 class=\"sn-step-title\">Expert Execution<\/h3>\r\n            <p class=\"sn-step-description\">\r\n                Our company brings plans to life, maintaining a clean, safe, and efficient job site from start to finish.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sn-step-row\">\r\n        <div class=\"sn-step-image\">\r\n            <span class=\"sn-step-number\">04<\/span>\r\n            <div class=\"sn-step-img-frame\" style=\"background-image: url('https:\/\/gend.me\/sojcontracting\/wp-content\/uploads\/sites\/47\/2026\/01\/white-farm-house.png');\"><\/div>\r\n        <\/div>\r\n        <div class=\"sn-step-text\">\r\n            <h3 class=\"sn-step-title\">The Grand Reveal<\/h3>\r\n            <p class=\"sn-step-description\">\r\n                A  final walkthrough ensures every detail meets our  \u201cstandard\u201d and your total satisfaction before we leave the site. \r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sn-process-footer\">\r\n        <a href=\"\/contact\" class=\"sn-process-btn\">Start Your Project Today<\/a>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6028b6c e-con-full e-flex e-con e-parent\" data-id=\"6028b6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kitchens &#038; Baths Basements Fences &#038; Decks Modern Siding Windows &#038; Doors Custom Flooring \u2190 \u2192 Explore Renovation Gallery Bespoke Interiors Transforming interiors into functional, durable spaces built for your lifestyle. From comprehensive main-floor structural reworking to the meticulous installation of custom millwork, we offer full-service general contracting trusted by global brands and perfected for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"home-renos","meta":{"footnotes":""},"class_list":["post-303","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gend.me\/sojcontracting\/wp-json\/wp\/v2\/pages\/303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gend.me\/sojcontracting\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gend.me\/sojcontracting\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gend.me\/sojcontracting\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gend.me\/sojcontracting\/wp-json\/wp\/v2\/comments?post=303"}],"version-history":[{"count":5,"href":"https:\/\/gend.me\/sojcontracting\/wp-json\/wp\/v2\/pages\/303\/revisions"}],"predecessor-version":[{"id":2074,"href":"https:\/\/gend.me\/sojcontracting\/wp-json\/wp\/v2\/pages\/303\/revisions\/2074"}],"wp:attachment":[{"href":"https:\/\/gend.me\/sojcontracting\/wp-json\/wp\/v2\/media?parent=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}