{"id":415,"date":"2026-07-19T00:24:32","date_gmt":"2026-07-19T00:24:32","guid":{"rendered":"https:\/\/lwhitneybuildgroup.com\/home\/?page_id=415"},"modified":"2026-07-19T00:24:54","modified_gmt":"2026-07-19T00:24:54","slug":"modern_excellence-2","status":"publish","type":"page","link":"https:\/\/lwhitneybuildgroup.com\/home\/modern_excellence-2\/","title":{"rendered":"modern_excellence"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"415\" class=\"elementor elementor-415\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee23b06 e-flex e-con-boxed e-con e-parent\" data-id=\"ee23b06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a61c255 elementor-widget elementor-widget-html\" data-id=\"a61c255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Modern Excellence | L. Whitney Build Group<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300&family=Inter:wght@100;200;300;400;600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --gold: #C5A059;\r\n            --charcoal: #0B0B0B;\r\n            --off-white: #FDFDFD;\r\n            --white: #FFFFFF;\r\n            --ease: cubic-bezier(0.23, 1, 0.32, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; cursor: none; }\r\n\r\n        body {\r\n            background: var(--off-white);\r\n            color: var(--charcoal);\r\n            font-family: 'Inter', sans-serif;\r\n            overflow-x: hidden;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        #custom-cursor {\r\n            width: 20px; height: 20px; border: 1px solid var(--gold); border-radius: 50%;\r\n            position: fixed; pointer-events: none; z-index: 2000; transition: transform 0.1s var(--ease);\r\n            transform: translate(-50%, -50%);\r\n        }\r\n\r\n        .me-hero {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            height: 90vh;\r\n            background: var(--charcoal);\r\n            color: white;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .me-hero-text { padding: 0 10%; display: flex; flex-direction: column; justify-content: center; z-index: 10; }\r\n        .me-hero-text span { color: var(--gold); text-transform: uppercase; letter-spacing: 0.6em; font-size: 0.7rem; margin-bottom: 25px; display: block; }\r\n        .me-hero-text h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(3.5rem, 6vw, 6rem); font-weight: 300; line-height: 0.9; margin-bottom: 35px; }\r\n\r\n        .me-hero-img { position: relative; width: 100%; height: 100%; }\r\n        .me-hero-img img {\r\n            width: 100%; height: 100%; object-fit: cover;\r\n            object-position: center;\r\n            filter: brightness(0.7);\r\n            transition: transform 12s var(--ease);\r\n        }\r\n        .me-hero:hover .me-hero-img img { transform: scale(1.08); }\r\n\r\n        .mini-hero {\r\n            padding: 100px 10%;\r\n            background: var(--off-white);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border-bottom: 1px solid rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .mini-hero-content { max-width: 600px; }\r\n        .mini-hero-content h2 { font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; font-weight: 300; margin-bottom: 20px; }\r\n        .mini-hero-content p { font-size: 0.9rem; line-height: 1.8; color: #666; font-weight: 300; }\r\n\r\n        .gallery-section { padding: 80px 6% 120px; background: var(--off-white); }\r\n        #me-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); gap: 60px; }\r\n\r\n        .me-item { text-decoration: none; color: inherit; display: block; }\r\n        .me-img-box { aspect-ratio: 16\/9; overflow: hidden; background: #eee; margin-bottom: 25px; }\r\n        .me-img-box img { width: 100%; height: 100%; object-fit: cover; transition: 1.5s var(--ease); }\r\n        .me-item:hover img { transform: scale(1.05); }\r\n\r\n        \/* Discretion card: used where a listing's photography is withheld,\r\n           instead of forcing a reused image just to fill the box. *\/\r\n        .me-img-pending {\r\n            width: 100%; height: 100%;\r\n            display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n            gap: 12px;\r\n            background:\r\n                repeating-linear-gradient(135deg, rgba(197,160,89,0.06) 0 2px, transparent 2px 14px),\r\n                #111;\r\n            border: 1px solid rgba(197, 160, 89, 0.2);\r\n        }\r\n        .me-img-pending .monogram { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 2rem; color: var(--gold); }\r\n        .me-img-pending .pending-label { font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255,255,255,0.55); }\r\n\r\n        .me-item.is-inquiry { cursor: pointer; }\r\n        .me-item.is-inquiry .me-img-box { background: var(--charcoal); }\r\n\r\n        #advisor-trigger {\r\n            position: fixed; bottom: 40px; right: 40px; z-index: 1500;\r\n            padding: 15px 35px; background: var(--charcoal); border: 1px solid var(--gold);\r\n            color: var(--gold); font-size: 0.65rem; letter-spacing: 0.4em;\r\n            transition: 0.4s var(--ease); backdrop-filter: blur(10px);\r\n        }\r\n        #advisor-trigger:hover { background: var(--gold); color: var(--charcoal); transform: translateY(-5px); }\r\n\r\n        #chat-archive {\r\n            position: fixed; bottom: 100px; right: 40px; width: 380px; height: 550px;\r\n            background: rgba(11, 11, 11, 0.95); backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(197, 160, 89, 0.3); z-index: 1501;\r\n            display: none; flex-direction: column; box-shadow: 0 30px 60px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        .chat-header { padding: 25px; border-bottom: 1px solid rgba(197, 160, 89, 0.1); display: flex; justify-content: space-between; align-items: center; }\r\n        .chat-header h4 { color: var(--gold); font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: 1.2rem; }\r\n\r\n        #chat-content { flex: 1; padding: 25px; overflow-y: auto; display: flex; flex-direction: column; gap: 20px; scrollbar-width: none; }\r\n        .msg { font-size: 0.8rem; line-height: 1.6; max-width: 85%; padding: 12px; font-weight: 300; }\r\n        .bot { color: var(--gold); border-left: 1px solid var(--gold); align-self: flex-start; }\r\n        .user { color: var(--white); background: rgba(255,255,255,0.05); align-self: flex-end; }\r\n\r\n        .chat-input-area { padding: 25px; border-top: 1px solid rgba(197, 160, 89, 0.1); }\r\n        #user-input {\r\n            width: 100%; background: transparent; border: none; border-bottom: 1px solid rgba(197, 160, 89, 0.3);\r\n            color: var(--white); font-size: 0.8rem; padding: 10px 0; outline: none;\r\n        }\r\n\r\n        .pinnacle-tag { font-size: 0.4rem; letter-spacing: 0.25em; color: rgba(197, 160, 89, 0.5); margin-top: 15px; text-align: center; }\r\n\r\n        .pinnacle-footer {\r\n            padding: 60px; background: var(--charcoal); display: flex; justify-content: space-between;\r\n            align-items: center; border-top: 1px solid rgba(197, 160, 89, 0.2);\r\n        }\r\n        .pinnacle-footer a { color: var(--gold); text-decoration: none; letter-spacing: 0.5em; font-size: 0.7rem; }\r\n\r\n        @media (max-width: 1024px) {\r\n            .me-hero { grid-template-columns: 1fr; height: auto; }\r\n            .me-hero-img { height: 50vh; }\r\n            .mini-hero { flex-direction: column; text-align: center; gap: 30px; }\r\n            #me-grid { grid-template-columns: 1fr; }\r\n        }\r\n    \r\n        \/* ===== SITE NAV ===== *\/\r\n        .site-nav {\r\n            position: fixed; top: 0; left: 0; width: 100%; z-index: 3000;\r\n            display: flex; align-items: center; justify-content: space-between;\r\n            padding: 0 4%; height: 88px;\r\n            background: rgba(8,8,8,0.88);\r\n            backdrop-filter: blur(14px);\r\n            border-bottom: 1px solid rgba(197,160,89,0.12);\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        .nav-logo {\r\n            font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300;\r\n            font-size: 1.4rem; color: #F4F4F4; text-decoration: none; letter-spacing: 0.02em;\r\n            display: flex; flex-direction: column; line-height: 1.1;\r\n        }\r\n        .nav-logo span {\r\n            font-family: 'Inter', sans-serif; font-style: normal; font-size: 0.55rem;\r\n            letter-spacing: 0.5em; text-transform: uppercase; color: #C5A059; margin-top: 4px;\r\n        }\r\n        .nav-links { display: flex; align-items: center; gap: 3rem; }\r\n        .nav-links a {\r\n            color: rgba(244,244,244,0.75); text-decoration: none; font-size: 0.68rem;\r\n            text-transform: uppercase; letter-spacing: 0.25em; position: relative; padding: 6px 0;\r\n            transition: color 0.3s ease;\r\n        }\r\n        .nav-links a:hover { color: #F4F4F4; }\r\n        .nav-links a[data-active=\"true\"] { color: #C5A059; }\r\n        .nav-links a[data-active=\"true\"]::after {\r\n            content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: #C5A059;\r\n        }\r\n        .nav-cta {\r\n            border: 1px solid #C5A059 !important; color: #C5A059 !important;\r\n            padding: 12px 26px !important; letter-spacing: 0.3em !important;\r\n            transition: 0.4s ease !important;\r\n        }\r\n        .nav-cta:hover { background: #C5A059; color: #080808 !important; }\r\n        .nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; z-index: 3100; padding: 0; }\r\n        .nav-toggle span { width: 24px; height: 1px; background: #F4F4F4; transition: 0.3s; display: block; }\r\n\r\n        @media (max-width: 900px) {\r\n            .site-nav { height: 72px; padding: 0 6%; }\r\n            .nav-links {\r\n                position: fixed; top: 0; right: -100%; width: 78%; max-width: 360px; height: 100vh;\r\n                background: rgba(8,8,8,0.98); backdrop-filter: blur(20px);\r\n                flex-direction: column; align-items: flex-start; justify-content: center;\r\n                gap: 2.2rem; padding: 0 12%; transition: right 0.5s ease;\r\n                border-left: 1px solid rgba(197,160,89,0.15);\r\n            }\r\n            .nav-links.is-open { right: 0; }\r\n            .nav-links a { font-size: 0.85rem; }\r\n            .nav-toggle { display: flex; }\r\n            .nav-toggle.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }\r\n            .nav-toggle.is-open span:nth-child(2) { opacity: 0; }\r\n            .nav-toggle.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <nav class=\"site-nav\">\r\n        <a href=\"\/\" class=\"nav-logo\" >L. Whitney<span>Build Group<\/span><\/a>\r\n        <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Toggle menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n        <div class=\"nav-links\" id=\"navLinks\">\r\n            <a href=\"\/philosophy\" >Philosophy<\/a>\r\n            <a href=\"\/estates\" >The Archive<\/a>\r\n            <a href=\"\/modern-excellence\" data-active=\"true\">Modern Excellence<\/a>\r\n            <a href=\"\/acquisition\" >Acquisition<\/a>\r\n            <a href=\"\/consultation\" class=\"nav-cta\" >Private Consultation<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n    <script>\r\n        (function() {\r\n            const navToggle = document.getElementById('navToggle');\r\n            const navLinks = document.getElementById('navLinks');\r\n            if (navToggle && navLinks) {\r\n                navToggle.addEventListener('click', () => {\r\n                    navToggle.classList.toggle('is-open');\r\n                    navLinks.classList.toggle('is-open');\r\n                });\r\n                navLinks.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\r\n                    navToggle.classList.remove('is-open');\r\n                    navLinks.classList.remove('is-open');\r\n                }));\r\n            }\r\n        })();\r\n    <\/script>\r\n\r\n\r\n\r\n<div id=\"custom-cursor\"><\/div>\r\n\r\n<section class=\"me-hero\">\r\n    <div class=\"me-hero-text\">\r\n        <span>Attainable Luxury<\/span>\r\n        <h1>Modern<br><i>Excellence.<\/i><\/h1>\r\n        <p style=\"opacity: 0.7; font-weight: 300; line-height: 2; margin-bottom: 40px; max-width: 450px;\">\r\n            Designer living scaled for the modern professional. Built with the same architectural soul as our flagship estates.\r\n        <\/p>\r\n        <div><a href=\"#inventory\" class=\"btn-gold\" style=\"display:inline-block; padding: 20px 45px; background: var(--gold); color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 0.4em; font-size: 0.65rem;\">Explore Collection<\/a><\/div>\r\n    <\/div>\r\n    <div class=\"me-hero-img\">\r\n        <!-- Outdoor family dining scene: pairs with \"scaled for the modern professional\"\r\n             and no longer shares the render used on the Acquisition Paths page. -->\r\n        <img decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_1bs04r1bs04r1bs0.png\" alt=\"Family dining on an outdoor terrace\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"mini-hero\">\r\n    <div class=\"mini-hero-content\">\r\n        <h2>Precision Curation.<\/h2>\r\n        <p>Every residence in the Modern Excellence collection is vetted for structural integrity and high-appreciation potential in Houston's emerging corridors.<\/p>\r\n    <\/div>\r\n    <div style=\"text-align: right;\">\r\n        <span style=\"font-size: 0.7rem; letter-spacing: 0.4em; color: var(--gold); text-transform: uppercase;\">Direct Advisory Available<\/span>\r\n    <\/div>\r\n<\/section>\r\n\r\n<main class=\"gallery-section\" id=\"inventory\">\r\n    <div id=\"me-grid\"><\/div>\r\n<\/main>\r\n\r\n<div id=\"advisor-trigger\" onclick=\"toggleChat()\">ADVISOR<\/div>\r\n<div id=\"chat-archive\">\r\n    <div class=\"chat-header\">\r\n        <h4>The Archive Advisor<\/h4>\r\n        <div onclick=\"toggleChat()\" style=\"cursor: pointer; color: var(--gold);\">\u2715<\/div>\r\n    <\/div>\r\n    <div id=\"chat-content\">\r\n        <div class=\"msg bot\">How may I assist your inquiry into the Modern Excellence collection?<\/div>\r\n    <\/div>\r\n    <div class=\"chat-input-area\">\r\n        <input type=\"text\" id=\"user-input\" placeholder=\"Inquire about pricing or availability...\" onkeypress=\"handleKey(event)\">\r\n        <div class=\"pinnacle-tag\">POWERED BY PINNACLE MARKETING STRATEGIES<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<footer class=\"pinnacle-footer\">\r\n    <a href=\"#\">PINNACLE MARKETING STRATEGIES<\/a>\r\n    <div style=\"color: rgba(255,255,255,0.3); font-size: 0.6rem; letter-spacing: 0.3em;\">L. WHITNEY BUILD GROUP \u2022 2026<\/div>\r\n<\/footer>\r\n\r\n<script>\r\n    const faq = {\r\n        \"price\": \"Residences in the Modern Excellence collection begin in the mid $700s. Would you like a private financial breakdown?\",\r\n        \"location\": \"Our current focus is on high-growth corridors in Heights, Oak Forest, and the Museum District.\",\r\n        \"pinnacle\": \"Pinnacle Marketing Strategies ensures every estate maintains its market authority through elite positioning.\",\r\n        \"default\": \"I am looking into that for you. For verified availability, may I have your email address?\"\r\n    };\r\n\r\n    function toggleChat() {\r\n        const chat = document.getElementById('chat-archive');\r\n        chat.style.display = chat.style.display === 'flex' ? 'none' : 'flex';\r\n    }\r\n\r\n    function handleKey(e) {\r\n        if (e.key === 'Enter') {\r\n            const input = document.getElementById('user-input');\r\n            const val = input.value.toLowerCase();\r\n            if (!val) return;\r\n            addMessage(input.value, 'user');\r\n            let response = faq.default;\r\n            if (val.includes('price') || val.includes('cost')) response = faq.price;\r\n            if (val.includes('where') || val.includes('location')) response = faq.location;\r\n            if (val.includes('pinnacle')) response = faq.pinnacle;\r\n            setTimeout(() => addMessage(response, 'bot'), 600);\r\n            input.value = '';\r\n        }\r\n    }\r\n\r\n    function addMessage(text, type) {\r\n        const content = document.getElementById('chat-content');\r\n        const div = document.createElement('div');\r\n        div.className = `msg ${type}`;\r\n        div.innerText = text;\r\n        content.appendChild(div);\r\n        content.scrollTop = content.scrollHeight;\r\n    }\r\n\r\n    \/* ------------------------------------------------------------------\r\n       INVENTORY\r\n       No image field left unfilled\/duplicated. \"The Loft Estate\" is real\r\n       inventory with photography; the second slot is intentionally a\r\n       \"Private Viewing\" discretion card (no photo) that opens the Advisor\r\n       chat directly \u2014 an on-brand way to route interest instead of\r\n       reusing an image that already appears elsewhere on the site.\r\n    ------------------------------------------------------------------- *\/\r\n    function loadGallery() {\r\n        const grid = document.getElementById('me-grid');\r\n        const items = [\r\n            {\r\n                title: \"The Loft Estate\",\r\n                price: \"$749,000\",\r\n                img: \"\",\r\n                status: \"Photography Pending\"\r\n            },\r\n            {\r\n                title: \"Off-Market Access\",\r\n                price: \"Inquire\",\r\n                img: \"\",\r\n                status: \"Private Viewing Only\",\r\n                isInquiry: true\r\n            }\r\n        ];\r\n\r\n        items.forEach(data => {\r\n            const item = document.createElement(data.isInquiry ? 'div' : 'a');\r\n            item.className = 'me-item' + (data.isInquiry ? ' is-inquiry' : '');\r\n            if (data.isInquiry) {\r\n                item.addEventListener('click', () => {\r\n                    document.getElementById('chat-archive').style.display = 'flex';\r\n                });\r\n            }\r\n\r\n            const mediaBlock = data.img\r\n                ? `<div class=\"me-img-box\"><img decoding=\"async\" src=\"${data.img}\" alt=\"${data.title}\"><\/div>`\r\n                : `<div class=\"me-img-box\">\r\n                       <div class=\"me-img-pending\">\r\n                           <span class=\"monogram\">LW<\/span>\r\n                           <span class=\"pending-label\">${data.status}<\/span>\r\n                       <\/div>\r\n                   <\/div>`;\r\n\r\n            item.innerHTML = `\r\n                ${mediaBlock}\r\n                <div style=\"display:flex; justify-content:space-between; align-items:baseline;\">\r\n                    <h3 style=\"font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:300;\">${data.title}<\/h3>\r\n                    <span style=\"color:var(--gold); font-size:0.8rem;\">${data.price}<\/span>\r\n                <\/div>\r\n            `;\r\n            grid.appendChild(item);\r\n        });\r\n    }\r\n\r\n    const cursor = document.getElementById('custom-cursor');\r\n    document.addEventListener('mousemove', (e) => {\r\n        cursor.style.left = e.clientX + 'px';\r\n        cursor.style.top = e.clientY + 'px';\r\n    });\r\n\r\n    loadGallery();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Modern Excellence | L. Whitney Build Group L. WhitneyBuild Group Philosophy The Archive Modern Excellence Acquisition Private Consultation Attainable Luxury ModernExcellence. Designer living scaled for the modern professional. Built with the same architectural soul as our flagship estates. Explore Collection Precision Curation. Every residence in the Modern Excellence collection is vetted for structural integrity and [&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-415","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/comments?post=415"}],"version-history":[{"count":4,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/415\/revisions"}],"predecessor-version":[{"id":419,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/415\/revisions\/419"}],"wp:attachment":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/media?parent=415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}