{"id":405,"date":"2026-07-19T00:22:11","date_gmt":"2026-07-19T00:22:11","guid":{"rendered":"https:\/\/lwhitneybuildgroup.com\/home\/?page_id=405"},"modified":"2026-07-19T00:22:38","modified_gmt":"2026-07-19T00:22:38","slug":"philosophy","status":"publish","type":"page","link":"https:\/\/lwhitneybuildgroup.com\/home\/philosophy\/","title":{"rendered":"philosophy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"405\" class=\"elementor elementor-405\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52ef5c7 e-flex e-con-boxed e-con e-parent\" data-id=\"52ef5c7\" 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-74c9d9c elementor-widget elementor-widget-html\" data-id=\"74c9d9c\" 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>Philosophy | The Houston Estate Archive<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300&family=Inter:wght@200;300;400&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --gold: #C5A059;\r\n            --charcoal: #0B0B0B;\r\n            --white: #F4F4F4;\r\n            --ease: cubic-bezier(0.23, 1, 0.32, 1);\r\n        }\r\n\r\n        html, body {\r\n            margin: 0; padding: 0;\r\n            width: 100%; height: 100%;\r\n            background: var(--charcoal);\r\n            overflow: hidden;\r\n        }\r\n\r\n        * { box-sizing: border-box; cursor: none; }\r\n\r\n        .main-container {\r\n            height: 100vh; width: 100vw;\r\n            overflow-y: scroll;\r\n            scroll-snap-type: y mandatory;\r\n            scrollbar-width: none;\r\n            -ms-overflow-style: none;\r\n        }\r\n        .main-container::-webkit-scrollbar { display: none; }\r\n\r\n        section {\r\n            height: 100vh; width: 100vw;\r\n            scroll-snap-align: start;\r\n            position: relative;\r\n            display: grid;\r\n            place-items: center;\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n\r\n        .bg-image {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            object-fit: cover;\r\n            filter: brightness(0.3);\r\n        }\r\n\r\n        .content-overlay {\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 90%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 1s var(--ease);\r\n        }\r\n\r\n        section.is-visible .content-overlay {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .sub-title {\r\n            color: var(--gold);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.8em;\r\n            font-size: clamp(0.6rem, 1vw, 0.75rem);\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        h2 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: clamp(2.5rem, 7vw, 6rem);\r\n            font-weight: 300;\r\n            line-height: 1.1;\r\n            margin-bottom: 3.5rem;\r\n            color: var(--white);\r\n        }\r\n\r\n        .accent { font-style: italic; color: var(--gold); }\r\n\r\n        .selling-points {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n            width: 100%;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .selling-point {\r\n            padding: 2rem;\r\n            border: 1px solid rgba(197, 160, 89, 0.1);\r\n            background: rgba(0,0,0,0.2);\r\n            backdrop-filter: blur(10px);\r\n            text-align: left;\r\n        }\r\n\r\n        .selling-point h3 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 1.5rem;\r\n            color: var(--gold);\r\n            margin-bottom: 0.8rem;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .selling-point p {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.85rem;\r\n            line-height: 1.6;\r\n            color: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .btn-luxury {\r\n            display: inline-block;\r\n            padding: 1.2rem 3.5rem;\r\n            border: 1px solid var(--gold);\r\n            color: var(--gold);\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.4em;\r\n            font-size: 0.7rem;\r\n            transition: 0.4s var(--ease);\r\n        }\r\n\r\n        .btn-luxury:hover {\r\n            background: var(--gold);\r\n            color: var(--charcoal);\r\n            box-shadow: 0 0 30px rgba(197, 160, 89, 0.2);\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: 1000;\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.3s, height 0.3s, background 0.3s;\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .selling-points { grid-template-columns: 1fr; gap: 1rem; }\r\n            h2 { font-size: 3rem; margin-bottom: 2rem; }\r\n            section { padding-top: 50px; }\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\" data-active=\"true\">Philosophy<\/a>\r\n            <a href=\"\/estates\" >The Archive<\/a>\r\n            <a href=\"\/modern-excellence\" >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    <div class=\"main-container\" id=\"scroller\">\r\n        <section class=\"is-visible\">\r\n            <img decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/01\/H1.png\" class=\"bg-image\" alt=\"L. Whitney signature estate exterior\">\r\n            <div class=\"content-overlay\">\r\n                <span class=\"sub-title\">Philosophy<\/span>\r\n                <h2>Architectural<br><span class=\"accent\">Restraint.<\/span><\/h2>\r\n                <div class=\"selling-points\">\r\n                    <div class=\"selling-point\"><h3>The Golden Ratio<\/h3><p>Classical geometry meeting modern lifestyle requirements.<\/p><\/div>\r\n                    <div class=\"selling-point\"><h3>Silent Luxury<\/h3><p>Engineering that prioritizes peace and structural integrity.<\/p><\/div>\r\n                    <div class=\"selling-point\"><h3>Generational<\/h3><p>Design meant to age gracefully within the Houston climate.<\/p><\/div>\r\n                <\/div>\r\n                <a href=\"\/acquisition\" class=\"btn-luxury\">Process<\/a>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section>\r\n            <!-- Rolls-Royce Cullinan before \"The Texan,\" Houston skyline behind: the literal\r\n                 image of a residence in dialogue with its city, anchoring this section's copy. -->\r\n            <img decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_qp15vgqp15vgqp15.png\" class=\"bg-image\" alt=\"Estate arrival with Houston skyline beyond\">\r\n            <div class=\"content-overlay\">\r\n                <span class=\"sub-title\">Vision<\/span>\r\n                <h2>Honor the<br><span class=\"accent\">Ground.<\/span><\/h2>\r\n                <div class=\"selling-points\">\r\n                    <div class=\"selling-point\"><h3>Jurisdiction<\/h3><p>Navigating the complex landscape of estate restrictions.<\/p><\/div>\r\n                    <div class=\"selling-point\"><h3>Dialogue<\/h3><p>A structure in constant conversation with its surroundings.<\/p><\/div>\r\n                    <div class=\"selling-point\"><h3>Harmony<\/h3><p>Topography-driven design for seamless flow.<\/p><\/div>\r\n                <\/div>\r\n                <a href=\"\/estates\" class=\"btn-luxury\">Estates<\/a>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <script>\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        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) entry.target.classList.add('is-visible');\r\n                else entry.target.classList.remove('is-visible');\r\n            });\r\n        }, { threshold: 0.5 });\r\n\r\n        document.querySelectorAll('section').forEach(s => observer.observe(s));\r\n    <\/script>\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>Philosophy | The Houston Estate Archive L. WhitneyBuild Group Philosophy The Archive Modern Excellence Acquisition Private Consultation Philosophy ArchitecturalRestraint. The Golden Ratio Classical geometry meeting modern lifestyle requirements. Silent Luxury Engineering that prioritizes peace and structural integrity. Generational Design meant to age gracefully within the Houston climate. Process Vision Honor theGround. Jurisdiction Navigating the complex [&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-405","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/405","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=405"}],"version-history":[{"count":4,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/405\/revisions"}],"predecessor-version":[{"id":409,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/405\/revisions\/409"}],"wp:attachment":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/media?parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}