{"id":10,"date":"2026-01-28T21:05:47","date_gmt":"2026-01-28T21:05:47","guid":{"rendered":"https:\/\/mmtmgrp.com\/?page_id=10"},"modified":"2026-02-14T00:56:43","modified_gmt":"2026-02-14T00:56:43","slug":"momentum-capital-group","status":"publish","type":"page","link":"https:\/\/mmtmgrp.com\/","title":{"rendered":"Momentum Capital Group"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe4b0e8 e-con-full e-flex e-con e-parent\" data-id=\"fe4b0e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc14b6 elementor-widget elementor-widget-html\" data-id=\"5dc14b6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Momentum Capital Group | San Diego Real Estate Investment<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            \/* Core Navy Palette - from current site *\/\n            --navy-darkest: #040810;\n            --navy-deep: #0a1628;\n            --navy-mid: #0d1b2a;\n            --navy-light: #1b2838;\n            --navy-lighter: #243447;\n\n            \/* Gold Accent - from current site *\/\n            --gold: #f5a623;\n            --gold-bright: #ffb833;\n            --gold-dim: #e09620;\n            --gold-glow: rgba(245, 166, 35, 0.4);\n            --gold-subtle: rgba(245, 166, 35, 0.12);\n\n            \/* Supporting *\/\n            --white: #ffffff;\n            --white-soft: rgba(255, 255, 255, 0.9);\n            --white-muted: rgba(255, 255, 255, 0.6);\n            --white-faint: rgba(255, 255, 255, 0.1);\n\n            \/* Light Section Colors *\/\n            --cream: #f8f6f1;\n            --cream-dark: #eae6dc;\n            --text-dark: #1a1a1a;\n            --text-dark-muted: #4a4a4a;\n\n            \/* Glass *\/\n            --glass-bg: rgba(255, 255, 255, 0.05);\n            --glass-border: rgba(255, 255, 255, 0.1);\n            --glass-shine: rgba(255, 255, 255, 0.2);\n        }\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        html {\n            scroll-behavior: smooth;\n        }\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            background: var(--navy-deep);\n            color: var(--white);\n            line-height: 1.7;\n            overflow-x: hidden;\n            -webkit-font-smoothing: antialiased;\n        }\n        \/* Animated Background *\/\n        .bg-mesh {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -2;\n            background:\n                radial-gradient(ellipse at 10% 10%, rgba(245, 166, 35, 0.08) 0%, transparent 50%),\n                radial-gradient(ellipse at 90% 90%, rgba(224, 150, 32, 0.05) 0%, transparent 50%),\n                radial-gradient(ellipse at 50% 50%, var(--navy-mid) 0%, var(--navy-darkest) 100%);\n        }\n        .floating-shapes {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n        .shape {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(100px);\n            animation: floatShape 25s infinite ease-in-out;\n        }\n        .shape-1 {\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(245, 166, 35, 0.15) 0%, transparent 70%);\n            top: -200px;\n            right: -200px;\n        }\n        .shape-2 {\n            width: 500px;\n            height: 500px;\n            background: radial-gradient(circle, rgba(224, 150, 32, 0.1) 0%, transparent 70%);\n            bottom: -150px;\n            left: -150px;\n            animation-delay: -8s;\n        }\n        .shape-3 {\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(255, 184, 51, 0.08) 0%, transparent 70%);\n            top: 40%;\n            left: 30%;\n            animation-delay: -15s;\n        }\n        @keyframes floatShape {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            25% { transform: translate(30px, -40px) rotate(5deg); }\n            50% { transform: translate(-20px, 20px) rotate(-5deg); }\n            75% { transform: translate(40px, 30px) rotate(3deg); }\n        }\n        \/* Grid overlay *\/\n        .grid-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n            background-image:\n                linear-gradient(rgba(245, 166, 35, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(245, 166, 35, 0.03) 1px, transparent 1px);\n            background-size: 60px 60px;\n            pointer-events: none;\n        }\n        \/* Typography *\/\n        h1, h2, h3, h4 {\n            font-family: 'Playfair Display', serif;\n            font-weight: 500;\n            line-height: 1.2;\n        }\n        \/* Navigation *\/\n        .nav {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            padding: 1.25rem 5%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            z-index: 1000;\n            transition: all 0.4s ease;\n        }\n        .nav.scrolled {\n            background: rgba(10, 22, 40, 0.9);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border-bottom: 1px solid var(--glass-border);\n        }\n        .logo {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--white);\n            text-decoration: none;\n            letter-spacing: 0.02em;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n        }\n        .logo-mark {\n            width: 38px;\n            height: 38px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .logo-mark img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .nav-links {\n            display: flex;\n            align-items: center;\n        }\n        \/* Liquid Glass Button *\/\n        .btn-glass {\n            position: relative;\n            padding: 0.875rem 2rem;\n            border: none;\n            border-radius: 12px;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            background: linear-gradient(135deg,\n                rgba(255, 255, 255, 0.1) 0%,\n                rgba(255, 255, 255, 0.05) 50%,\n                rgba(255, 255, 255, 0.08) 100%);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid var(--glass-border);\n            color: var(--white);\n            box-shadow:\n                0 8px 32px rgba(0, 0, 0, 0.2),\n                inset 0 1px 0 var(--glass-shine),\n                inset 0 -1px 0 rgba(0, 0, 0, 0.1);\n            text-decoration: none;\n        }\n        .btn-glass::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg,\n                transparent,\n                rgba(255, 255, 255, 0.2),\n                transparent);\n            transition: left 0.5s ease;\n        }\n        .btn-glass:hover::before {\n            left: 100%;\n        }\n        .btn-glass:hover {\n            transform: translateY(-3px);\n            box-shadow:\n                0 15px 40px rgba(0, 0, 0, 0.3),\n                0 0 30px var(--gold-glow),\n                inset 0 1px 0 var(--glass-shine);\n            border-color: var(--gold);\n        }\n        .btn-glass.primary {\n            background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dim) 100%);\n            color: var(--navy-deep);\n            border: none;\n            box-shadow:\n                0 8px 32px rgba(245, 166, 35, 0.25),\n                inset 0 1px 0 rgba(255, 255, 255, 0.3);\n        }\n        .btn-glass.primary:hover {\n            box-shadow:\n                0 15px 50px rgba(245, 166, 35, 0.4),\n                0 0 40px var(--gold-glow),\n                inset 0 1px 0 rgba(255, 255, 255, 0.4);\n            transform: translateY(-3px) scale(1.02);\n        }\n        \/* Hero Section *\/\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            padding: 140px 5% 100px;\n            position: relative;\n            background:\n                linear-gradient(to bottom,\n                    rgba(4, 8, 16, 0.7) 0%,\n                    rgba(10, 22, 40, 0.85) 50%,\n                    rgba(10, 22, 40, 1) 100%),\n                url('https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/01\/5118-Constitution-Rd-4.jpg');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n        }\n        @media (max-width: 768px) {\n            .hero {\n                background-attachment: scroll;\n            }\n        }\n        .hero-content {\n            max-width: 950px;\n            z-index: 1;\n        }\n        .hero h1 {\n            font-size: clamp(2.5rem, 6vw, 4.5rem);\n            font-weight: 500;\n            margin-bottom: 2rem;\n            letter-spacing: -0.02em;\n            opacity: 0;\n            transform: translateY(40px);\n            animation: fadeUp 1s ease 0.2s forwards;\n        }\n        .hero h1 .highlight {\n            background: linear-gradient(135deg, var(--gold) 0%, var(--gold-bright) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        .hero-subtitle {\n            font-size: clamp(1.05rem, 1.8vw, 1.25rem);\n            color: var(--white-muted);\n            max-width: 700px;\n            margin: 0 auto 1.5rem;\n            font-weight: 400;\n            opacity: 0;\n            transform: translateY(40px);\n            animation: fadeUp 1s ease 0.4s forwards;\n        }\n        .hero-supporting {\n            font-size: 1rem;\n            color: var(--white-muted);\n            font-style: italic;\n            margin-bottom: 3rem;\n            opacity: 0;\n            transform: translateY(40px);\n            animation: fadeUp 1s ease 0.5s forwards;\n        }\n        .hero-cta {\n            display: flex;\n            gap: 1.25rem;\n            justify-content: center;\n            flex-wrap: wrap;\n            opacity: 0;\n            transform: translateY(40px);\n            animation: fadeUp 1s ease 0.6s forwards;\n        }\n        .text-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            color: var(--white-muted);\n            text-decoration: none;\n            font-size: 0.9rem;\n            font-weight: 500;\n            padding: 0.875rem 1.5rem;\n            transition: color 0.3s ease;\n        }\n        .text-link:hover {\n            color: var(--gold);\n        }\n        .text-link svg {\n            transition: transform 0.3s ease;\n        }\n        .text-link:hover svg {\n            transform: translateY(4px);\n        }\n        @keyframes fadeUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \/* Section Styles *\/\n        .section {\n            padding: 120px 5%;\n            position: relative;\n        }\n        \/* Light Section Styles *\/\n        .section-light {\n            background: var(--cream);\n            color: var(--text-dark);\n        }\n        .section-light .section-tag {\n            background: rgba(245, 166, 35, 0.15);\n            border-color: rgba(245, 166, 35, 0.3);\n            color: var(--gold-dim);\n        }\n        .section-light .section-header h2 {\n            color: var(--text-dark);\n        }\n        .section-light .section-header p {\n            color: var(--text-dark-muted);\n        }\n        .section-light .glass-card {\n            background: var(--white);\n            border-color: rgba(0, 0, 0, 0.08);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        }\n        .section-light .glass-card:hover {\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n            border-color: var(--gold);\n        }\n        .section-light .glass-card h3 {\n            color: var(--text-dark);\n        }\n        .section-light .glass-card p,\n        .section-light .pillar-card p {\n            color: var(--text-dark-muted);\n        }\n        .section-light .pillar-icon {\n            background: rgba(245, 166, 35, 0.1);\n            border-color: rgba(245, 166, 35, 0.25);\n        }\n        .section-light .process-number {\n            background: var(--white);\n            color: var(--gold-dim);\n            border-color: var(--gold);\n        }\n        .section-light .process-step:hover .process-number {\n            background: linear-gradient(135deg, var(--gold), var(--gold-dim));\n            color: var(--white);\n        }\n        .section-light .process-step h3 {\n            color: var(--text-dark);\n        }\n        .section-light .process-step p {\n            color: var(--text-dark-muted);\n        }\n        .section-light .process-grid::before {\n            background: linear-gradient(90deg, var(--gold), var(--gold-dim), var(--gold));\n            opacity: 0.4;\n        }\n        .section-light .experience-card h3 {\n            color: var(--text-dark);\n        }\n        .section-light .experience-card p {\n            color: var(--text-dark-muted);\n        }\n        .section-light .experience-icon {\n            background: rgba(245, 166, 35, 0.1);\n            border-color: rgba(245, 166, 35, 0.25);\n        }\n        .section-light .experience-icon svg {\n            stroke: var(--gold-dim);\n        }\n        .section-light .experience-card:hover .experience-icon {\n            background: linear-gradient(135deg, var(--gold), var(--gold-dim));\n        }\n        .section-light .experience-card:hover .experience-icon svg {\n            stroke: var(--white);\n        }\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        .section-header {\n            text-align: center;\n            max-width: 700px;\n            margin: 0 auto 5rem;\n        }\n        .section-tag {\n            display: inline-block;\n            font-size: 0.75rem;\n            font-weight: 700;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: var(--gold);\n            margin-bottom: 1.5rem;\n            padding: 0.5rem 1rem;\n            background: var(--gold-subtle);\n            border-radius: 50px;\n            border: 1px solid rgba(245, 166, 35, 0.2);\n        }\n        .section-header h2 {\n            font-size: clamp(2rem, 4vw, 3rem);\n            margin-bottom: 1.5rem;\n            letter-spacing: -0.01em;\n        }\n        .section-header p {\n            color: var(--white-muted);\n            font-size: 1.1rem;\n        }\n        \/* 3D Glass Cards *\/\n        .glass-card {\n            background: linear-gradient(135deg, var(--glass-bg), rgba(0, 0, 0, 0.2));\n            border: 1px solid var(--glass-border);\n            border-radius: 24px;\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            transform-style: preserve-3d;\n            perspective: 1000px;\n        }\n        .glass-card:hover {\n            transform: translateY(-10px) rotateX(2deg);\n            border-color: var(--gold);\n            box-shadow:\n                0 30px 60px rgba(0, 0, 0, 0.3),\n                0 0 40px var(--gold-glow);\n        }\n        \/* Pillars Section *\/\n        .pillars-section {\n            position: relative;\n            padding: 120px 5%;\n            background:\n                linear-gradient(to bottom,\n                    rgba(10, 22, 40, 0.88) 0%,\n                    rgba(10, 22, 40, 0.92) 100%),\n                url('https:\/\/muralsyourway.vtexassets.com\/arquivos\/ids\/231634\/San-Diego-Skyline-Mural-Wallpaper.jpg?v=638164843855730000');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n        }\n        @media (max-width: 768px) {\n            .pillars-section {\n                background-attachment: scroll;\n                padding: 80px 5%;\n            }\n        }\n        .pillars-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n        }\n        .pillar-card {\n            padding: 3rem 2rem;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        .pillar-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, var(--gold), var(--gold-dim));\n            border-radius: 3px;\n        }\n        .pillar-icon {\n            width: 70px;\n            height: 70px;\n            margin: 0 auto 1.5rem;\n            background: var(--gold-subtle);\n            border: 1px solid rgba(245, 166, 35, 0.2);\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.75rem;\n            transition: all 0.4s ease;\n        }\n        .pillar-card:hover .pillar-icon {\n            background: linear-gradient(135deg, var(--gold), var(--gold-dim));\n            transform: scale(1.1) rotateY(10deg);\n            box-shadow: 0 10px 30px var(--gold-glow);\n        }\n        .pillar-card h3 {\n            font-size: 1.35rem;\n            margin-bottom: 1rem;\n        }\n        .pillar-card p {\n            color: var(--white-muted);\n            font-size: 0.95rem;\n            line-height: 1.7;\n        }\n        \/* Narrative Section *\/\n        .narrative-section {\n            background: var(--cream);\n        }\n        .narrative {\n            max-width: 800px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        .narrative p {\n            font-size: 1.2rem;\n            line-height: 1.9;\n            color: var(--text-dark-muted);\n            margin-bottom: 2rem;\n        }\n        .narrative p:last-of-type {\n            margin-bottom: 0;\n            font-style: italic;\n            color: var(--gold-dim);\n        }\n        .narrative-section .section-header h2 {\n            color: var(--text-dark);\n        }\n        .narrative-section .section-tag {\n            background: rgba(245, 166, 35, 0.15);\n            border-color: rgba(245, 166, 35, 0.3);\n            color: var(--gold-dim);\n        }\n        \/* Process Section *\/\n        .process-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 0;\n            position: relative;\n        }\n        .process-grid::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 5%;\n            right: 5%;\n            height: 2px;\n            background: linear-gradient(90deg, var(--gold), var(--gold-dim), var(--gold));\n            transform: translateY(-50%);\n            z-index: 0;\n            opacity: 0.3;\n        }\n        .process-step {\n            padding: 2rem 1.5rem;\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n        .process-number {\n            width: 60px;\n            height: 60px;\n            margin: 0 auto 1.5rem;\n            background: var(--navy-light);\n            border: 2px solid var(--gold);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-family: 'Playfair Display', serif;\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: var(--gold);\n            transition: all 0.4s ease;\n            box-shadow: 0 0 20px var(--gold-glow);\n        }\n        .process-step:hover .process-number {\n            background: linear-gradient(135deg, var(--gold), var(--gold-dim));\n            color: var(--navy-deep);\n            transform: scale(1.15);\n            box-shadow: 0 0 40px var(--gold-glow);\n        }\n        .process-step h3 {\n            font-size: 1.1rem;\n            margin-bottom: 0.75rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 600;\n        }\n        .process-step p {\n            font-size: 0.85rem;\n            color: var(--white-muted);\n            line-height: 1.6;\n        }\n        \/* Philosophy Section *\/\n        .philosophy-section {\n            background: var(--cream);\n            position: relative;\n            overflow: hidden;\n        }\n        .philosophy-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(ellipse at center, rgba(245, 166, 35, 0.08) 0%, transparent 60%);\n        }\n        .philosophy-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 6rem;\n            align-items: center;\n            position: relative;\n            z-index: 1;\n        }\n        .philosophy-text h2 {\n            font-size: clamp(2rem, 4vw, 2.75rem);\n            margin-bottom: 2rem;\n            color: var(--text-dark);\n        }\n        .philosophy-text p {\n            font-size: 1.1rem;\n            color: var(--text-dark-muted);\n            line-height: 1.9;\n        }\n        .philosophy-section .section-tag {\n            background: rgba(245, 166, 35, 0.15);\n            border-color: rgba(245, 166, 35, 0.3);\n            color: var(--gold-dim);\n        }\n        .philosophy-visual {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n        .philosophy-word {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 400;\n            color: var(--navy-deep);\n            font-style: italic;\n            transition: all 0.4s ease;\n            cursor: default;\n            padding: 0.5rem 0;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        .philosophy-word:hover {\n            color: var(--gold);\n            border-color: var(--gold);\n        }\n        \/* San Diego Section *\/\n        .sd-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 5rem;\n            align-items: center;\n        }\n        .sd-text h2 {\n            font-size: clamp(2rem, 4vw, 2.75rem);\n            margin-bottom: 2rem;\n        }\n        .sd-text p {\n            font-size: 1.05rem;\n            color: var(--white-muted);\n            line-height: 1.8;\n            margin-bottom: 1.5rem;\n        }\n        .sd-visual {\n            position: relative;\n            height: 450px;\n            border-radius: 24px;\n            overflow: hidden;\n            border: 1px solid var(--glass-border);\n        }\n        .sd-visual img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n        .sd-visual:hover img {\n            transform: scale(1.05);\n        }\n        .sd-visual::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg,\n                rgba(10, 22, 40, 0.3) 0%,\n                rgba(245, 166, 35, 0.1) 100%);\n            z-index: 1;\n            pointer-events: none;\n        }\n        .sd-visual::after {\n            content: 'San Diego';\n            position: absolute;\n            bottom: 2rem;\n            left: 2rem;\n            font-family: 'Playfair Display', serif;\n            font-size: 2.5rem;\n            font-weight: 600;\n            color: var(--white);\n            text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);\n            z-index: 2;\n        }\n        \/* Portfolio Gallery *\/\n        .portfolio-section {\n            padding: 120px 5%;\n            background: var(--navy-darkest);\n            overflow: hidden;\n        }\n        .portfolio-carousel-container {\n            position: relative;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        .portfolio-carousel {\n            display: flex;\n            gap: 1.5rem;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n            padding: 1rem 0;\n        }\n        .portfolio-carousel::-webkit-scrollbar {\n            display: none;\n        }\n        .portfolio-item {\n            flex: 0 0 auto;\n            width: 400px;\n            height: 300px;\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            cursor: pointer;\n            scroll-snap-align: start;\n            background: linear-gradient(135deg, var(--navy-light) 0%, var(--navy-mid) 100%);\n        }\n        .portfolio-item::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 40px;\n            height: 40px;\n            margin: -20px 0 0 -20px;\n            border: 3px solid var(--navy-lighter);\n            border-top-color: var(--gold);\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n            z-index: 0;\n            opacity: 1;\n            transition: opacity 0.3s ease;\n        }\n        .portfolio-item.loaded::after {\n            opacity: 0;\n        }\n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n        .portfolio-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            opacity: 0;\n            transition: opacity 0.5s ease, transform 0.6s ease;\n            position: relative;\n            z-index: 1;\n        }\n        .portfolio-item img.loaded {\n            opacity: 1;\n        }\n        .portfolio-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to top, rgba(4, 8, 16, 0.7) 0%, transparent 50%);\n            z-index: 2;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n        .portfolio-item:hover::before {\n            opacity: 1;\n        }\n        .portfolio-item:hover img {\n            transform: scale(1.08);\n        }\n        .portfolio-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 2rem;\n            z-index: 3;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.4s ease;\n        }\n        .portfolio-item:hover .portfolio-overlay {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .portfolio-overlay h3 {\n            font-size: 1.25rem;\n            margin-bottom: 0.25rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 600;\n        }\n        .portfolio-overlay p {\n            font-size: 0.9rem;\n            color: var(--white-muted);\n        }\n        \/* Carousel Navigation *\/\n        .carousel-nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 50px;\n            height: 50px;\n            background: var(--gold);\n            border: none;\n            border-radius: 50%;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 10;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        }\n        .carousel-nav:hover {\n            background: var(--gold-bright);\n            transform: translateY(-50%) scale(1.1);\n        }\n        .carousel-nav svg {\n            width: 24px;\n            height: 24px;\n            stroke: var(--navy-deep);\n            stroke-width: 2.5;\n            fill: none;\n        }\n        .carousel-nav.prev {\n            left: -25px;\n        }\n        .carousel-nav.next {\n            right: -25px;\n        }\n        \/* Lightbox Modal *\/\n        .lightbox {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(4, 8, 16, 0.95);\n            z-index: 9999;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .lightbox.active {\n            display: flex;\n            opacity: 1;\n        }\n        .lightbox-content {\n            position: relative;\n            max-width: 90vw;\n            max-height: 85vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .lightbox-content img {\n            max-width: 100%;\n            max-height: 85vh;\n            object-fit: contain;\n            border-radius: 12px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n        }\n        .lightbox-close {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            width: 50px;\n            height: 50px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n            z-index: 10001;\n        }\n        .lightbox-close:hover {\n            background: var(--gold);\n            border-color: var(--gold);\n        }\n        .lightbox-close svg {\n            width: 24px;\n            height: 24px;\n            stroke: var(--white);\n            stroke-width: 2;\n        }\n        .lightbox-close:hover svg {\n            stroke: var(--navy-deep);\n        }\n        .lightbox-nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 60px;\n            height: 60px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n            z-index: 10001;\n        }\n        .lightbox-nav:hover {\n            background: var(--gold);\n            border-color: var(--gold);\n        }\n        .lightbox-nav svg {\n            width: 28px;\n            height: 28px;\n            stroke: var(--white);\n            stroke-width: 2;\n            fill: none;\n        }\n        .lightbox-nav:hover svg {\n            stroke: var(--navy-deep);\n        }\n        .lightbox-nav.prev {\n            left: 20px;\n        }\n        .lightbox-nav.next {\n            right: 20px;\n        }\n        .lightbox-counter {\n            position: absolute;\n            bottom: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            color: var(--white-muted);\n            font-size: 0.9rem;\n            z-index: 10001;\n        }\n        @media (max-width: 1024px) {\n            .carousel-nav {\n                display: none;\n            }\n            .portfolio-item {\n                width: 350px;\n                height: 260px;\n            }\n        }\n        @media (max-width: 768px) {\n            .portfolio-section {\n                padding: 80px 5%;\n            }\n            .portfolio-carousel {\n                gap: 1rem;\n            }\n            .portfolio-item {\n                width: 300px;\n                height: 225px;\n            }\n            .portfolio-overlay {\n                opacity: 1;\n                transform: translateY(0);\n                padding: 1rem;\n            }\n            .portfolio-item::before {\n                opacity: 1;\n            }\n            .lightbox-nav {\n                width: 44px;\n                height: 44px;\n            }\n            .lightbox-nav.prev {\n                left: 10px;\n            }\n            .lightbox-nav.next {\n                right: 10px;\n            }\n            .lightbox-close {\n                top: 10px;\n                right: 10px;\n                width: 44px;\n                height: 44px;\n            }\n        }\n        \/* Experience Grid *\/\n        .experience-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 2rem;\n        }\n        .experience-card {\n            padding: 2.5rem;\n            display: flex;\n            gap: 1.5rem;\n            align-items: flex-start;\n        }\n        .experience-icon {\n            width: 56px;\n            height: 56px;\n            background: var(--gold-subtle);\n            border: 1px solid rgba(245, 166, 35, 0.2);\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            transition: all 0.4s ease;\n        }\n        .experience-icon svg {\n            width: 24px;\n            height: 24px;\n            stroke: var(--gold);\n        }\n        .experience-card:hover .experience-icon {\n            background: linear-gradient(135deg, var(--gold), var(--gold-dim));\n            transform: scale(1.1);\n        }\n        .experience-card:hover .experience-icon svg {\n            stroke: var(--navy-deep);\n        }\n        .experience-card h3 {\n            font-size: 1.2rem;\n            margin-bottom: 0.5rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 600;\n        }\n        .experience-card p {\n            font-size: 0.95rem;\n            color: var(--white-muted);\n            line-height: 1.6;\n        }\n        \/* Leadership Quote *\/\n        .leadership-section {\n            background: var(--navy-darkest);\n        }\n        .leadership-content {\n            max-width: 800px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        .leadership-content p {\n            font-size: 1.15rem;\n            color: var(--white-muted);\n            line-height: 1.9;\n            margin-bottom: 3rem;\n        }\n        \/* CTA Section *\/\n        .cta-section {\n            padding: 140px 5%;\n            position: relative;\n            background: linear-gradient(180deg, var(--navy-mid) 0%, var(--navy-deep) 100%);\n        }\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(ellipse at 50% 0%, rgba(245, 166, 35, 0.08) 0%, transparent 60%);\n        }\n        .cta-section .section-header {\n            position: relative;\n            z-index: 1;\n        }\n        .cta-section h2 {\n            font-size: clamp(2rem, 4vw, 3rem);\n            margin-bottom: 1.5rem;\n        }\n        .cta-section p {\n            font-size: 1.1rem;\n            color: var(--white-muted);\n            max-width: 600px;\n            margin: 0 auto 3rem;\n        }\n        \/* Form *\/\n        .form-container {\n            max-width: 500px;\n            margin: 0 auto;\n            background: linear-gradient(135deg, var(--glass-bg), rgba(0, 0, 0, 0.3));\n            border: 1px solid var(--glass-border);\n            border-radius: 24px;\n            padding: 3rem;\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            position: relative;\n            z-index: 1;\n        }\n        .form-container::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--gold), var(--gold-dim), var(--gold));\n            border-radius: 24px 24px 0 0;\n        }\n        .form-group {\n            margin-bottom: 1.5rem;\n        }\n        .form-group label {\n            display: block;\n            font-size: 0.8rem;\n            font-weight: 600;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            color: var(--white-muted);\n            margin-bottom: 0.5rem;\n        }\n        .form-group input,\n        .form-group select {\n            width: 100%;\n            padding: 1rem 1.25rem;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 1rem;\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid var(--glass-border);\n            border-radius: 12px;\n            color: var(--white);\n            transition: all 0.3s ease;\n        }\n        .form-group input::placeholder {\n            color: var(--white-muted);\n        }\n        .form-group input:focus,\n        .form-group select:focus {\n            outline: none;\n            border-color: var(--gold);\n            box-shadow: 0 0 20px var(--gold-glow);\n            background: rgba(255, 255, 255, 0.08);\n        }\n        .form-group select {\n            cursor: pointer;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 1rem center;\n            background-size: 1rem;\n        }\n        .form-group select option {\n            background: var(--navy-deep);\n            color: var(--white);\n        }\n        .form-submit {\n            width: 100%;\n            margin-top: 0.5rem;\n        }\n        .form-disclaimer {\n            text-align: center;\n            margin-top: 1.5rem;\n            font-size: 0.8rem;\n            color: var(--white-muted);\n        }\n        \/* Consent Checkbox *\/\n        .consent-box {\n            margin: 1.5rem 0;\n        }\n        .checkbox-label {\n            display: flex;\n            align-items: flex-start;\n            gap: 0.75rem;\n            cursor: pointer;\n            position: relative;\n        }\n        .checkbox-label input[type=\"checkbox\"] {\n            position: absolute;\n            opacity: 0;\n            width: 0;\n            height: 0;\n        }\n        .checkmark {\n            width: 22px;\n            height: 22px;\n            min-width: 22px;\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid var(--glass-border);\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n            margin-top: 2px;\n        }\n        .checkbox-label input[type=\"checkbox\"]:checked + .checkmark {\n            background: var(--gold);\n            border-color: var(--gold);\n        }\n        .checkbox-label input[type=\"checkbox\"]:checked + .checkmark::after {\n            content: '\\2713';\n            color: var(--navy-deep);\n            font-size: 14px;\n            font-weight: 700;\n        }\n        .checkbox-label input[type=\"checkbox\"]:focus + .checkmark {\n            box-shadow: 0 0 0 3px var(--gold-glow);\n        }\n        .consent-text {\n            font-size: 0.8rem;\n            color: var(--white-muted);\n            line-height: 1.6;\n        }\n        .consent-text a {\n            color: var(--gold);\n            text-decoration: none;\n        }\n        .consent-text a:hover {\n            text-decoration: underline;\n        }\n        \/* Success *\/\n        .success-message {\n            display: none;\n            text-align: center;\n            padding: 2rem 0;\n        }\n        .success-message.show {\n            display: block;\n        }\n        .success-icon {\n            width: 70px;\n            height: 70px;\n            margin: 0 auto 1.5rem;\n            background: linear-gradient(135deg, var(--gold), var(--gold-dim));\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 2rem;\n        }\n        .success-message h3 {\n            font-size: 1.5rem;\n            margin-bottom: 0.75rem;\n        }\n        .success-message p {\n            color: var(--white-muted);\n        }\n        \/* Footer *\/\n        .footer {\n            padding: 60px 5% 40px;\n            background: var(--navy-darkest);\n            border-top: 1px solid var(--glass-border);\n        }\n        .footer-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr;\n            gap: 4rem;\n            margin-bottom: 3rem;\n        }\n        .footer-brand {\n            max-width: 350px;\n        }\n        .footer-logo {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 1.1rem;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            margin-bottom: 1rem;\n        }\n        .footer-logo .logo-mark {\n            width: 38px;\n            height: 38px;\n        }\n        .footer-logo .logo-mark img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .footer-tagline {\n            font-size: 0.9rem;\n            color: var(--white-muted);\n            line-height: 1.6;\n        }\n        .footer-contact-info h4,\n        .footer-links-col h4 {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: var(--white);\n            margin-bottom: 1rem;\n        }\n        .footer-contact-info p {\n            font-size: 0.9rem;\n            color: var(--white-muted);\n            margin-bottom: 0.5rem;\n        }\n        .footer-contact-info a {\n            color: var(--white-muted);\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n        .footer-contact-info a:hover {\n            color: var(--gold);\n        }\n        .footer-links-col {\n            display: flex;\n            flex-direction: column;\n        }\n        .footer-links-col a {\n            font-size: 0.9rem;\n            color: var(--white-muted);\n            text-decoration: none;\n            margin-bottom: 0.75rem;\n            transition: color 0.3s ease;\n        }\n        .footer-links-col a:hover {\n            color: var(--gold);\n        }\n        .footer-bottom-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding-top: 2rem;\n            border-top: 1px solid var(--glass-border);\n        }\n        .footer-disclaimer {\n            font-size: 0.75rem;\n            color: var(--white-muted);\n            line-height: 1.7;\n            margin-bottom: 1rem;\n        }\n        .footer-sms-disclosure {\n            font-size: 0.75rem;\n            color: var(--white-muted);\n            line-height: 1.7;\n            margin-bottom: 1.5rem;\n            padding: 1rem;\n            background: rgba(255, 255, 255, 0.03);\n            border-radius: 8px;\n            border: 1px solid var(--glass-border);\n        }\n        .footer-sms-disclosure strong {\n            color: var(--gold);\n        }\n        .footer-bottom {\n            display: flex;\n            justify-content: space-between;\n            margin-top: 1rem;\n            font-size: 0.8rem;\n            color: var(--white-muted);\n        }\n        .footer-bottom a {\n            color: inherit;\n            text-decoration: none;\n        }\n        .footer-bottom a:hover {\n            color: var(--gold);\n        }\n        \/* Scroll Reveal *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(50px);\n            transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n        .reveal.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \/* Responsive - Tablet *\/\n        @media (max-width: 1024px) {\n            .pillars-grid {\n                grid-template-columns: 1fr;\n                gap: 1.5rem;\n            }\n            .pillar-card {\n                padding: 2.5rem 2rem;\n            }\n            .philosophy-content {\n                grid-template-columns: 1fr;\n                gap: 4rem;\n            }\n            .philosophy-visual {\n                flex-direction: row;\n                flex-wrap: wrap;\n                justify-content: center;\n            }\n            .philosophy-word {\n                font-size: 2rem;\n                border-bottom: none;\n                padding: 0.5rem 1rem;\n            }\n            .process-grid {\n                grid-template-columns: 1fr;\n                gap: 1rem;\n            }\n            .process-grid::before {\n                display: none;\n            }\n            .sd-content {\n                grid-template-columns: 1fr;\n                gap: 3rem;\n            }\n            .sd-visual {\n                height: 300px;\n                order: -1;\n            }\n            .sd-visual::after {\n                font-size: 2rem;\n                bottom: 1.5rem;\n                left: 1.5rem;\n            }\n            .experience-grid {\n                grid-template-columns: 1fr;\n                gap: 1.5rem;\n            }\n        }\n        \/* Responsive - Mobile *\/\n        @media (max-width: 768px) {\n            .nav {\n                padding: 1rem 5%;\n            }\n            .section {\n                padding: 80px 5%;\n            }\n            .hero {\n                padding: 120px 5% 80px;\n                min-height: auto;\n            }\n            .hero h1 {\n                font-size: 2.25rem;\n            }\n            .hero-cta {\n                flex-direction: column;\n                align-items: center;\n            }\n            .hero-cta .btn-glass {\n                width: 100%;\n                max-width: 280px;\n                text-align: center;\n            }\n            .section-header {\n                margin-bottom: 3rem;\n            }\n            .section-header h2 {\n                font-size: 1.75rem;\n            }\n            .pillar-card {\n                padding: 2rem 1.5rem;\n            }\n            .process-step {\n                padding: 1.5rem;\n            }\n            .experience-card {\n                padding: 2rem 1.5rem;\n                flex-direction: column;\n                text-align: center;\n            }\n            .experience-icon {\n                margin: 0 auto;\n            }\n            .cta-section {\n                padding: 80px 5%;\n            }\n            .form-container {\n                padding: 2rem 1.5rem;\n            }\n            .form-group input,\n            .form-group select {\n                font-size: 16px;\n            }\n            .footer-content {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            .footer-brand {\n                max-width: 100%;\n            }\n            .footer-bottom {\n                flex-direction: column;\n                gap: 0.5rem;\n                text-align: center;\n            }\n            .shape {\n                opacity: 0.5;\n            }\n            .shape-1 {\n                width: 300px;\n                height: 300px;\n            }\n            .shape-2 {\n                width: 250px;\n                height: 250px;\n            }\n            .shape-3 {\n                width: 150px;\n                height: 150px;\n            }\n        }\n        \/* Responsive - Small Mobile *\/\n        @media (max-width: 480px) {\n            .hero h1 {\n                font-size: 1.85rem;\n            }\n            .hero-subtitle {\n                font-size: 1rem;\n            }\n            .pillar-icon {\n                width: 60px;\n                height: 60px;\n            }\n            .process-number {\n                width: 50px;\n                height: 50px;\n                font-size: 1.25rem;\n            }\n            .sd-visual {\n                height: 200px;\n            }\n            .sd-visual::after {\n                font-size: 1.5rem;\n                bottom: 1rem;\n                left: 1rem;\n            }\n            .philosophy-word {\n                font-size: 1.5rem;\n            }\n        }\n        \/* Touch devices *\/\n        @media (hover: none) and (pointer: coarse) {\n            .btn-glass:hover,\n            .glass-card:hover {\n                transform: none;\n            }\n            .btn-glass,\n            .form-group input,\n            .form-group select {\n                min-height: 48px;\n            }\n        }\n        \/* Reduced motion *\/\n        @media (prefers-reduced-motion: reduce) {\n            *,\n            *::before,\n            *::after {\n                animation-duration: 0.01ms !important;\n                transition-duration: 0.01ms !important;\n            }\n            .shape {\n                display: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Background Elements -->\n    <div class=\"bg-mesh\"><\/div>\n    <div class=\"floating-shapes\">\n        <div class=\"shape shape-1\"><\/div>\n        <div class=\"shape shape-2\"><\/div>\n        <div class=\"shape shape-3\"><\/div>\n    <\/div>\n    <div class=\"grid-overlay\"><\/div>\n    <!-- Navigation -->\n    <nav class=\"nav\" id=\"nav\">\n        <a href=\"#\" class=\"logo\">\n            <div class=\"logo-mark\"><img decoding=\"async\" src=\"https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/02\/MMTM-Logo-Mark_white-2.png\" alt=\"Momentum Capital Group logo\"><\/div>\n            <span class=\"logo-text\">Momentum Capital Group<\/span>\n        <\/a>\n        <div class=\"nav-links\">\n            <a href=\"#contact\" class=\"btn-glass primary\">Get Started<\/a>\n        <\/div>\n    <\/nav>\n    <!-- Hero -->\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <h1>Elevating <span class=\"highlight\">Wealth<\/span>.<br>Creating Communities.<br>Amplifying Impact.<\/h1>\n            <p class=\"hero-subtitle\">A San Diego-focused real estate investment firm built on experience, discipline, and long-term stewardship.<\/p>\n            <p class=\"hero-supporting\">We partner with accredited investors who value thoughtful execution, transparency, and doing things the right way.<\/p>\n            <div class=\"hero-cta\">\n                <a href=\"#contact\" class=\"btn-glass primary\">Get Started<\/a>\n                <a href=\"#approach\" class=\"text-link\">\n                    Our Approach\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M12 5v14M19 12l-7 7-7-7\"\/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Who We Are - Narrative -->\n    <section class=\"section narrative-section\" id=\"approach\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <span class=\"section-tag\">Who We Are<\/span>\n                <h2>Built on Experience.<br>Guided by Principles.<\/h2>\n            <\/div>\n            <div class=\"narrative reveal\">\n                <p>Momentum Capital Group was formed to bring a higher standard to residential real estate investing in San Diego. Our work is grounded in deep local knowledge, decades of construction experience, and a disciplined investment process designed to protect relationships, reputations, and capital.<\/p>\n                <p>We don't chase trends. We focus on what we know, where we know it best.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Pillars -->\n    <section class=\"pillars-section\">\n        <div class=\"container\">\n            <div class=\"pillars-grid reveal\">\n                <div class=\"glass-card pillar-card\">\n                    <div class=\"pillar-icon\">&#x1F4CD;<\/div>\n                    <h3>San Diego Focus<\/h3>\n                    <p>Our exclusive focus on San Diego allows us to operate with precision, insight, and local fluency that outsiders simply can't replicate.<\/p>\n                <\/div>\n                <div class=\"glass-card pillar-card\">\n                    <div class=\"pillar-icon\">&#x1F3D7;&#xFE0F;<\/div>\n                    <h3>Proven Execution<\/h3>\n                    <p>From acquisition through development and disposition, our team brings hands-on experience and long-standing trade relationships to every decision.<\/p>\n                <\/div>\n                <div class=\"glass-card pillar-card\">\n                    <div class=\"pillar-icon\">&#x1F91D;<\/div>\n                    <h3>Values-Driven Stewardship<\/h3>\n                    <p>Integrity, transparency, and accountability aren't marketing terms for us \u2014 they are operating standards.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Philosophy -->\n    <section class=\"section philosophy-section\">\n        <div class=\"container\">\n            <div class=\"philosophy-content reveal\">\n                <div class=\"philosophy-text\">\n                    <span class=\"section-tag\">Our Philosophy<\/span>\n                    <h2>A Disciplined Way of Investing<\/h2>\n                    <p>We believe successful investing starts with clarity \u2014 clarity of strategy, clarity of process, and clarity of values. Momentum Capital Group approaches every opportunity with a conservative mindset, rigorous evaluation, and a long-term view. Our priority is not speed or scale, but thoughtful growth executed well.<\/p>\n                <\/div>\n                <div class=\"philosophy-visual\">\n                    <span class=\"philosophy-word\">Discipline<\/span>\n                    <span class=\"philosophy-word\">Focus<\/span>\n                    <span class=\"philosophy-word\">Stewardship<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Process -->\n    <section class=\"section\" id=\"process\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <span class=\"section-tag\">Our Process<\/span>\n                <h2>A Repeatable, Intentional Process<\/h2>\n            <\/div>\n            <div class=\"process-grid reveal\">\n                <div class=\"process-step\">\n                    <div class=\"process-number\">1<\/div>\n                    <h3>Market Focus<\/h3>\n                    <p>We operate in markets we understand deeply \u2014 economically, politically, and culturally.<\/p>\n                <\/div>\n                <div class=\"process-step\">\n                    <div class=\"process-number\">2<\/div>\n                    <h3>Selective Acquisition<\/h3>\n                    <p>Opportunities are evaluated through a conservative, principle-based lens.<\/p>\n                <\/div>\n                <div class=\"process-step\">\n                    <div class=\"process-number\">3<\/div>\n                    <h3>Thoughtful Development<\/h3>\n                    <p>Execution guided by experience, quality standards, and community respect.<\/p>\n                <\/div>\n                <div class=\"process-step\">\n                    <div class=\"process-number\">4<\/div>\n                    <h3>Active Oversight<\/h3>\n                    <p>We remain engaged throughout, prioritizing transparency and accountability.<\/p>\n                <\/div>\n                <div class=\"process-step\">\n                    <div class=\"process-number\">5<\/div>\n                    <h3>Responsible Outcomes<\/h3>\n                    <p>Every decision considers long-term value \u2014 financially and socially.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- San Diego -->\n    <section class=\"section\">\n        <div class=\"container\">\n            <div class=\"sd-content reveal\">\n                <div class=\"sd-text\">\n                    <span class=\"section-tag\">Local Expertise<\/span>\n                    <h2>Why San Diego<\/h2>\n                    <p>San Diego is one of the most supply-constrained, regulation-driven housing markets in the country. Operating successfully here requires experience, patience, and deep local relationships.<\/p>\n                    <p>Our long-standing presence allows us to navigate complexity, manage risk thoughtfully, and contribute meaningfully to the communities where we work.<\/p>\n                <\/div>\n                <div class=\"sd-visual\">\n                    <img decoding=\"async\" src=\"https:\/\/muralsyourway.vtexassets.com\/arquivos\/ids\/231634\/San-Diego-Skyline-Mural-Wallpaper.jpg?v=638164843855730000\" alt=\"San Diego skyline at dusk\" loading=\"lazy\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Investor Experience -->\n    <section class=\"section section-light\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <span class=\"section-tag\">Working With Us<\/span>\n                <h2>A Relationship-First<br>Investor Experience<\/h2>\n                <p>We work with a select group of investors who appreciate a measured approach and value trust as much as outcomes.<\/p>\n            <\/div>\n            <div class=\"experience-grid reveal\">\n                <div class=\"glass-card experience-card\">\n                    <div class=\"experience-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3>Clear, Consistent Communication<\/h3>\n                        <p>Regular updates and transparent reporting keep you informed without the noise.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"glass-card experience-card\">\n                    <div class=\"experience-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3>Direct Access to Leadership<\/h3>\n                        <p>Build a relationship with the people making decisions, not intermediaries.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"glass-card experience-card\">\n                    <div class=\"experience-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3>Conservative Decision-Making<\/h3>\n                        <p>We prioritize protecting capital over chasing returns.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"glass-card experience-card\">\n                    <div class=\"experience-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3>Long-Term Perspective<\/h3>\n                        <p>Alignment over volume. We measure success in years, not quarters.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Portfolio Gallery -->\n    <section class=\"portfolio-section\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <span class=\"section-tag\">Our Work<\/span>\n                <h2>Recent San Diego Projects<\/h2>\n                <p>A glimpse into our commitment to quality development and thoughtful execution.<\/p>\n            <\/div>\n            <div class=\"portfolio-carousel-container reveal\">\n                <button class=\"carousel-nav prev\" aria-label=\"Previous\">\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n                <\/button>\n                <div class=\"portfolio-carousel\" id=\"portfolioCarousel\">\n                    <div class=\"portfolio-item\" data-index=\"0\">\n                        <img data-src=\"https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/01\/Drone1-5118-5122-Constitution-Rd.jpg\" alt=\"Aerial view of San Diego property development\">\n                        <div class=\"portfolio-overlay\">\n                            <h3>Constitution Road<\/h3>\n                            <p>Multi-unit development, San Diego<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"portfolio-item\" data-index=\"1\">\n                        <img data-src=\"https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/01\/5120-Constitution-Rd-1.jpg\" alt=\"Modern residential interior\">\n                        <div class=\"portfolio-overlay\">\n                            <h3>Interior Finish<\/h3>\n                            <p>Quality craftsmanship<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"portfolio-item\" data-index=\"2\">\n                        <img data-src=\"https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/01\/5118-Constitution-Rd-33.jpg\" alt=\"Property exterior\">\n                        <div class=\"portfolio-overlay\">\n                            <h3>Exterior Design<\/h3>\n                            <p>Thoughtful architecture<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"portfolio-item\" data-index=\"3\">\n                        <img data-src=\"https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/01\/5110-Constitution-Rd-36.jpg\" alt=\"Living space\">\n                        <div class=\"portfolio-overlay\">\n                            <h3>Living Spaces<\/h3>\n                            <p>Designed for comfort<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"portfolio-item\" data-index=\"4\">\n                        <img data-src=\"https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/01\/5110-Constitution-Rd-2.jpg\" alt=\"Property detail\">\n                        <div class=\"portfolio-overlay\">\n                            <h3>Attention to Detail<\/h3>\n                            <p>Every element considered<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"portfolio-item\" data-index=\"5\">\n                        <img data-src=\"https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/01\/5110-Constitution-Rd-26.jpg\" alt=\"Outdoor living area\">\n                        <div class=\"portfolio-overlay\">\n                            <h3>Outdoor Living<\/h3>\n                            <p>Maximizing space<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <button class=\"carousel-nav next\" aria-label=\"Next\">\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Lightbox Modal -->\n    <div class=\"lightbox\" id=\"lightbox\">\n        <button class=\"lightbox-close\" aria-label=\"Close\">\n            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n        <\/button>\n        <button class=\"lightbox-nav prev\" aria-label=\"Previous image\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n        <\/button>\n        <div class=\"lightbox-content\">\n            <img decoding=\"async\" src=\"\" alt=\"Portfolio image\" id=\"lightboxImg\">\n        <\/div>\n        <button class=\"lightbox-nav next\" aria-label=\"Next image\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n        <\/button>\n        <div class=\"lightbox-counter\"><span id=\"lightboxCurrent\">1<\/span> \/ <span id=\"lightboxTotal\">6<\/span><\/div>\n    <\/div>\n    <!-- Leadership -->\n    <section class=\"section leadership-section\">\n        <div class=\"container\">\n            <div class=\"leadership-content reveal\">\n                <span class=\"section-tag\">Leadership<\/span>\n                <h2 style=\"font-size: clamp(2rem, 4vw, 2.75rem); margin-bottom: 2rem;\">Leadership With Long-Term Perspective<\/h2>\n                <p>Momentum Capital Group is led by individuals who believe reputation is earned over decades, not quarters. Our leadership philosophy prioritizes accountability, ethical decision-making, and stewardship \u2014 of capital, people, and communities.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- CTA \/ Form -->\n    <section class=\"cta-section\" id=\"contact\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <h2>Start the Conversation<\/h2>\n                <p>Momentum Capital Group partners with accredited investors who value discipline, transparency, and long-term thinking.<\/p>\n            <\/div>\n            <div class=\"form-container reveal\">\n                <form id=\"contactForm\" action=\"https:\/\/formsubmit.co\/alan@mmtmgrp.com\" method=\"POST\">\n                    <input type=\"hidden\" name=\"_subject\" value=\"New Investor Inquiry - Momentum Capital Group\">\n                    <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n                    <input type=\"hidden\" name=\"_template\" value=\"table\">\n                    <input type=\"hidden\" name=\"_next\" value=\"https:\/\/mmtmgrp.com#success\">\n\n                    <div class=\"form-group\">\n                        <label for=\"name\">Name<\/label>\n                        <input type=\"text\" id=\"name\" name=\"Name\" placeholder=\"Your full name\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"email\">Email<\/label>\n                        <input type=\"email\" id=\"email\" name=\"Email\" placeholder=\"your@email.com\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"phone\">Phone<\/label>\n                        <input type=\"tel\" id=\"phone\" name=\"Phone\" placeholder=\"(555) 123-4567\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"accredited\">Accredited Investor?<\/label>\n                        <select id=\"accredited\" name=\"Accredited Investor\" required>\n                            <option value=\"\">Select one<\/option>\n                            <option value=\"yes\">Yes<\/option>\n                            <option value=\"no\">No<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"interest\">What best describes your interest?<\/label>\n                        <select id=\"interest\" name=\"Interest Level\">\n                            <option value=\"\">Select one<\/option>\n                            <option value=\"conversation\">Having a conversation<\/option>\n                            <option value=\"learning\">Learning more<\/option>\n                            <option value=\"partnership\">Long-term partnership<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"consent-box\">\n                        <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" name=\"SMS Consent\" value=\"Yes\" required>\n                            <span class=\"checkmark\"><\/span>\n                            <span class=\"consent-text\">I agree to receive SMS\/text messages from Momentum Capital Group regarding my inquiry. Message frequency varies. Message and data rates may apply. Reply STOP to opt-out or HELP for assistance. View our <a href=\"privacy-policy.html\" target=\"_blank\">Privacy Policy<\/a> and <a href=\"terms-of-service.html\" target=\"_blank\">Terms of Service<\/a>.<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"btn-glass primary form-submit\">Submit<\/button>\n                    <p class=\"form-disclaimer\">A member of our team will follow up to explore whether Momentum is the right fit.<\/p>\n                <\/form>\n                <div class=\"success-message\" id=\"successMessage\">\n                    <div class=\"success-icon\">&#x2713;<\/div>\n                    <h3>Thank You<\/h3>\n                    <p>A member of our team will follow up to explore whether Momentum is the right fit.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Footer -->\n    <footer class=\"footer\">\n        <div class=\"footer-content\">\n            <div class=\"footer-brand\">\n                <div class=\"footer-logo\">\n                    <div class=\"logo-mark\"><img decoding=\"async\" src=\"https:\/\/mmtmgrp.com\/wp-content\/uploads\/2026\/02\/MMTM-Logo-Mark_white-2.png\" alt=\"Momentum Capital Group logo\"><\/div>\n                    <span>Momentum Capital Group<\/span>\n                <\/div>\n                <p class=\"footer-tagline\">San Diego-focused real estate investment built on experience, discipline, and long-term stewardship.<\/p>\n            <\/div>\n            <div class=\"footer-contact-info\">\n                <h4>Contact Us<\/h4>\n                <p><strong>Email:<\/strong> <a href=\"mailto:alan@mmtmgrp.com\">alan@mmtmgrp.com<\/a><\/p>\n                <p><strong>Phone:<\/strong> <a href=\"tel:+16196047424\">(619) 604-7424<\/a><\/p>\n                <p><strong>Location:<\/strong> San Diego, CA<\/p>\n            <\/div>\n            <div class=\"footer-links-col\">\n                <h4>Legal<\/h4>\n                <a href=\"privacy-policy.html\">Privacy Policy<\/a>\n                <a href=\"terms-of-service.html\">Terms of Service<\/a>\n                <a href=\"https:\/\/mmtmgrp.com\/disclosures\">Disclosures<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"footer-bottom-section\">\n            <p class=\"footer-disclaimer\">\n                Investing involves risk, including loss of principal. Past performance does not guarantee or indicate future results. Any historical returns, expected returns, or probability projections may not reflect actual future performance. Neither Momentum Capital Group nor any of its affiliates provide tax advice. Prospective investors should consult with a tax, legal and\/or financial adviser before making any investment decision. For accredited investors only.\n            <\/p>\n            <p class=\"footer-sms-disclosure\">\n                <strong>SMS Disclosure:<\/strong> By providing your phone number and submitting this form, you consent to receive text messages from Momentum Capital Group. Message frequency varies. Message and data rates may apply. Reply STOP to unsubscribe or HELP for assistance.\n            <\/p>\n            <div class=\"footer-bottom\">\n                <span>&copy; 2024 Momentum Capital Group. All rights reserved.<\/span>\n                <span>Accredited Investors Only<\/span>\n            <\/div>\n        <\/div>\n    <\/footer>\n    <script>\n        \/\/ Navigation scroll effect\n        const nav = document.getElementById('nav');\n        window.addEventListener('scroll', () => {\n            if (window.scrollY > 50) {\n                nav.classList.add('scrolled');\n            } else {\n                nav.classList.remove('scrolled');\n            }\n        });\n        \/\/ Scroll reveal\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n        document.querySelectorAll('.reveal').forEach(el => {\n            observer.observe(el);\n        });\n        \/\/ 3D tilt on glass cards (desktop only)\n        const isTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);\n\n        if (!isTouchDevice) {\n            document.querySelectorAll('.glass-card').forEach(card => {\n                card.addEventListener('mousemove', (e) => {\n                    const rect = card.getBoundingClientRect();\n                    const x = e.clientX - rect.left;\n                    const y = e.clientY - rect.top;\n                    const centerX = rect.width \/ 2;\n                    const centerY = rect.height \/ 2;\n                    const rotateX = (y - centerY) \/ 20;\n                    const rotateY = (centerX - x) \/ 20;\n\n                    card.style.transform = `translateY(-10px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                });\n                card.addEventListener('mouseleave', () => {\n                    card.style.transform = '';\n                });\n            });\n            \/\/ Parallax on shapes\n            document.addEventListener('mousemove', (e) => {\n                const shapes = document.querySelectorAll('.shape');\n                const x = e.clientX \/ window.innerWidth;\n                const y = e.clientY \/ window.innerHeight;\n\n                shapes.forEach((shape, index) => {\n                    const speed = (index + 1) * 15;\n                    const xOffset = (x - 0.5) * speed;\n                    const yOffset = (y - 0.5) * speed;\n                    shape.style.transform = `translate(${xOffset}px, ${yOffset}px)`;\n                });\n            });\n        }\n        \/\/ Portfolio Carousel with Auto-scroll and Lazy Loading\n        const carousel = document.getElementById('portfolioCarousel');\n        const carouselPrev = document.querySelector('.carousel-nav.prev');\n        const carouselNext = document.querySelector('.carousel-nav.next');\n        const scrollAmount = 420;\n        let autoScrollInterval;\n        let isHovering = false;\n        \/\/ Lazy Loading with Intersection Observer\n        const lazyImages = document.querySelectorAll('.portfolio-item img[data-src]');\n\n        const imageObserver = new IntersectionObserver((entries, observer) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const img = entry.target;\n                    img.src = img.dataset.src;\n                    img.onload = () => {\n                        img.classList.add('loaded');\n                        img.closest('.portfolio-item').classList.add('loaded');\n                    };\n                    observer.unobserve(img);\n                }\n            });\n        }, {\n            root: null,\n            rootMargin: '200px',\n            threshold: 0.1\n        });\n        lazyImages.forEach(img => imageObserver.observe(img));\n        \/\/ Auto-scroll function\n        function autoScroll() {\n            if (!carousel || isHovering) return;\n\n            const maxScrollLeft = carousel.scrollWidth - carousel.clientWidth;\n\n            if (carousel.scrollLeft >= maxScrollLeft - 10) {\n                carousel.scrollTo({ left: 0, behavior: 'smooth' });\n            } else {\n                carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n            }\n        }\n        \/\/ Start auto-scroll\n        function startAutoScroll() {\n            autoScrollInterval = setInterval(autoScroll, 4000);\n        }\n        \/\/ Stop auto-scroll\n        function stopAutoScroll() {\n            clearInterval(autoScrollInterval);\n        }\n        \/\/ Pause on hover\n        if (carousel) {\n            carousel.addEventListener('mouseenter', () => {\n                isHovering = true;\n                stopAutoScroll();\n            });\n\n            carousel.addEventListener('mouseleave', () => {\n                isHovering = false;\n                startAutoScroll();\n            });\n            const carouselObserver = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        startAutoScroll();\n                    } else {\n                        stopAutoScroll();\n                    }\n                });\n            }, { threshold: 0.3 });\n            carouselObserver.observe(carousel);\n        }\n        if (carouselPrev && carouselNext && carousel) {\n            carouselPrev.addEventListener('click', () => {\n                stopAutoScroll();\n                carousel.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n                setTimeout(startAutoScroll, 5000);\n            });\n            carouselNext.addEventListener('click', () => {\n                stopAutoScroll();\n                carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n                setTimeout(startAutoScroll, 5000);\n            });\n        }\n        \/\/ Lightbox\n        const lightbox = document.getElementById('lightbox');\n        const lightboxImg = document.getElementById('lightboxImg');\n        const lightboxClose = document.querySelector('.lightbox-close');\n        const lightboxPrev = document.querySelector('.lightbox-nav.prev');\n        const lightboxNext = document.querySelector('.lightbox-nav.next');\n        const lightboxCurrent = document.getElementById('lightboxCurrent');\n        const lightboxTotal = document.getElementById('lightboxTotal');\n        const portfolioItems = document.querySelectorAll('.portfolio-item');\n        let currentImageIndex = 0;\n        const images = Array.from(portfolioItems).map(item => {\n            const img = item.querySelector('img');\n            return img.dataset.src || img.src;\n        });\n        if (lightboxTotal) lightboxTotal.textContent = images.length;\n        function openLightbox(index) {\n            currentImageIndex = index;\n            lightboxImg.src = images[currentImageIndex];\n            lightboxCurrent.textContent = currentImageIndex + 1;\n            lightbox.classList.add('active');\n            document.body.style.overflow = 'hidden';\n            stopAutoScroll();\n        }\n        function closeLightbox() {\n            lightbox.classList.remove('active');\n            document.body.style.overflow = '';\n            if (!isHovering) startAutoScroll();\n        }\n        function showPrevImage() {\n            currentImageIndex = (currentImageIndex - 1 + images.length) % images.length;\n            lightboxImg.src = images[currentImageIndex];\n            lightboxCurrent.textContent = currentImageIndex + 1;\n        }\n        function showNextImage() {\n            currentImageIndex = (currentImageIndex + 1) % images.length;\n            lightboxImg.src = images[currentImageIndex];\n            lightboxCurrent.textContent = currentImageIndex + 1;\n        }\n        portfolioItems.forEach((item, index) => {\n            item.addEventListener('click', () => openLightbox(index));\n        });\n        if (lightboxClose) lightboxClose.addEventListener('click', closeLightbox);\n        if (lightboxPrev) lightboxPrev.addEventListener('click', showPrevImage);\n        if (lightboxNext) lightboxNext.addEventListener('click', showNextImage);\n        if (lightbox) {\n            lightbox.addEventListener('click', (e) => {\n                if (e.target === lightbox) closeLightbox();\n            });\n        }\n        document.addEventListener('keydown', (e) => {\n            if (!lightbox.classList.contains('active')) return;\n            if (e.key === 'Escape') closeLightbox();\n            if (e.key === 'ArrowLeft') showPrevImage();\n            if (e.key === 'ArrowRight') showNextImage();\n        });\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n        \/\/ Form success\n        if (window.location.hash === '#success') {\n            const form = document.getElementById('contactForm');\n            const successMessage = document.getElementById('successMessage');\n            form.style.display = 'none';\n            successMessage.classList.add('show');\n        }\n    <\/script>\n<\/body>\n<\/html>\n\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>Momentum Capital Group | San Diego Real Estate Investment Momentum Capital Group Get Started Elevating Wealth.Creating Communities.Amplifying Impact. A San Diego-focused real estate investment firm built on experience, discipline, and long-term stewardship. We partner with accredited investors who value thoughtful execution, transparency, and doing things the right way. Get Started Our Approach Who We Are [&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":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mmtmgrp.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mmtmgrp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mmtmgrp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mmtmgrp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mmtmgrp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":25,"href":"https:\/\/mmtmgrp.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/mmtmgrp.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/mmtmgrp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}