{"id":410,"date":"2026-07-19T00:23:12","date_gmt":"2026-07-19T00:23:12","guid":{"rendered":"https:\/\/lwhitneybuildgroup.com\/home\/?page_id=410"},"modified":"2026-07-19T00:23:36","modified_gmt":"2026-07-19T00:23:36","slug":"estates","status":"publish","type":"page","link":"https:\/\/lwhitneybuildgroup.com\/home\/estates\/","title":{"rendered":"Estates"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n \r\n The Archive | Signature Collection<\/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&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --gold: #C5A059;\r\n --charcoal: #080808;\r\n --white: #F4F4F4;\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 body {\r\n background: var(--charcoal);\r\n color: var(--white);\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n body::before {\r\n content: \"\";\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n background: url('https:\/\/grainy-gradients.vercel.app\/noise.svg');\r\n opacity: 0.03; pointer-events: none; z-index: 999;\r\n }\r\n\r\n #custom-cursor {\r\n width: 12px; height: 12px; background: var(--gold); border-radius: 50%;\r\n position: fixed; pointer-events: none; z-index: 1000; transition: transform 0.2s var(--ease);\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n .estates-hero {\r\n display: flex; height: 100vh; width: 100%;\r\n border-bottom: 1px solid rgba(197, 160, 89, 0.1);\r\n }\r\n .hero-main { flex: 1.8; position: relative; overflow: hidden; display: flex; align-items: flex-end; padding: 100px; }\r\n .hero-sidebar {\r\n flex: 1; background: #0c0c0c; display: flex; flex-direction: column;\r\n justify-content: center; padding: 80px; position: relative;\r\n }\r\n .hero-img {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n object-fit: cover; filter: grayscale(1) brightness(0.3);\r\n transition: 2s var(--ease);\r\n }\r\n .hero-main:hover .hero-img { filter: grayscale(0.5) brightness(0.4); scale: 1.05; }\r\n\r\n .hero-label h1 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(4rem, 8vw, 9rem);\r\n font-weight: 300; line-height: 0.85;\r\n position: relative; z-index: 2;\r\n }\r\n .hero-label h1 span { display: block; font-style: italic; color: var(--gold); margin-left: 100px; }\r\n\r\n .gallery-section { padding: 160px 8%; }\r\n\r\n #estate-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 120px 80px;\r\n }\r\n\r\n .estate-item {\r\n text-decoration: none; color: inherit;\r\n opacity: 0; transform: translateY(40px);\r\n transition: 1.2s var(--ease);\r\n }\r\n\r\n .estate-item:nth-child(even) { margin-top: 100px; }\r\n\r\n .estate-item.visible { opacity: 1; transform: translateY(0); }\r\n\r\n .img-container {\r\n position: relative; aspect-ratio: 4\/5; overflow: hidden;\r\n margin-bottom: 35px; background: #111;\r\n border: 1px solid rgba(255,255,255,0.03);\r\n }\r\n\r\n .estate-item img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n transition: 2s var(--ease); filter: grayscale(0.2) brightness(0.8);\r\n }\r\n .estate-item:hover img { transform: scale(1.08); filter: grayscale(0) brightness(1); }\r\n\r\n \/* Discretion placeholder for listings without public photography *\/\r\n .img-pending {\r\n width: 100%; height: 100%;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n gap: 14px;\r\n background:\r\n repeating-linear-gradient(135deg, rgba(197,160,89,0.05) 0 2px, transparent 2px 14px),\r\n #0e0e0e;\r\n border: 1px solid rgba(197, 160, 89, 0.15);\r\n text-align: center; padding: 30px;\r\n }\r\n .img-pending .monogram {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 2.2rem; color: var(--gold);\r\n }\r\n .img-pending .pending-label {\r\n font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255,255,255,0.4);\r\n }\r\n\r\n .estate-details { position: relative; }\r\n\r\n .loc-tag {\r\n font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.5em;\r\n color: var(--gold); margin-bottom: 12px; display: block; font-weight: 300;\r\n }\r\n\r\n .estate-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2.8rem; font-weight: 300; line-height: 1; margin-bottom: 20px;\r\n }\r\n\r\n .meta-row {\r\n display: flex; justify-content: space-between; align-items: baseline;\r\n border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px;\r\n }\r\n .price { font-size: 1.2rem; font-weight: 200; font-family: 'Inter'; letter-spacing: 0.05em; }\r\n .status-pill {\r\n font-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase;\r\n color: rgba(255,255,255,0.4);\r\n }\r\n\r\n .skeleton {\r\n background: linear-gradient(90deg, #0e0e0e 25%, #161616 50%, #0e0e0e 75%);\r\n background-size: 1000px 100%;\r\n animation: shimmer 2.5s infinite linear;\r\n }\r\n @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } }\r\n\r\n .luxury-footer {\r\n padding: 100px 8%; background: #050505;\r\n display: flex; justify-content: space-between;\r\n font-size: 0.65rem; letter-spacing: 0.5em; text-transform: uppercase;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n #estate-grid { grid-template-columns: 1fr; gap: 80px; }\r\n .estate-item:nth-child(even) { margin-top: 0; }\r\n .estates-hero { flex-direction: column; height: auto; }\r\n .hero-main { height: 60vh; padding: 40px; }\r\n .hero-sidebar { padding: 60px 40px; }\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\" data-active=\"true\">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<header class=\"estates-hero\">\r\n <div class=\"hero-main\">\r\n <!-- h2.png used here (was H1.png, which duplicated the Philosophy page hero) -->\r\n <img decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/01\/h2.png\" class=\"hero-img\" alt=\"The Archive estate collection\">\r\n <div class=\"hero-label\">\r\n <h1>The<span>Archive.<\/span><\/h1>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-sidebar\">\r\n <span style=\"color:var(--gold); letter-spacing: 0.6em; font-size: 0.65rem; margin-bottom: 30px; display: block;\">L. WHITNEY BUILD GROUP<\/span>\r\n <h2 style=\"font-family:'Cormorant Garamond'; font-size: 3.5rem; font-weight: 300; line-height: 1.1;\">Available Estates & Private Collections.<\/h2>\r\n <p style=\"margin-top: 40px; font-weight: 200; opacity: 0.5; max-width: 400px; line-height: 1.8;\">A curated inventory of architectural permanence. Each residence represents the pinnacle of Houston's bespoke residential landscape.<\/p>\r\n <\/div>\r\n<\/header>\r\n\r\n<main class=\"gallery-section\">\r\n <div id=\"estate-grid\"><\/div>\r\n<\/main>\r\n\r\n<footer class=\"luxury-footer\">\r\n <div style=\"opacity: 0.4;\">Est. 2026 \u2022 Houston, Texas<\/div>\r\n <span style=\"color:var(--gold);\">Powered by Pinnacle Marketing Strategies<\/span>\r\n<\/footer>\r\n\r\n<script>\r\n \/* ------------------------------------------------------------------\r\n ESTATE INVENTORY\r\n The previous version depended on a live fetch to a Google Sheet CSV\r\n URL that was never filled in, so the gallery always failed and\r\n every visitor saw \"ARCHIVE TEMPORARILY OFFLINE.\" That's a single\r\n point of failure for a page whose entire job is to show inventory.\r\n\r\n This version keeps the data on the page itself. To update listings,\r\n edit the ESTATES array below \u2014 no network dependency, nothing that\r\n can silently go dark. Leave \"img\" blank for a listing whose\r\n photography is being withheld for privacy; it will render as an\r\n elegant \"Private Viewing\" placeholder instead of a broken image.\r\n ------------------------------------------------------------------- *\/\r\n const ESTATES = [\r\n {\r\n title: \"The Kirby Residence\",\r\n location: \"River Oaks\",\r\n price: \"$4,250,000\",\r\n img: \"\",\r\n link: \"https:\/\/lwhitneybuildgroup.com\/current_estates\/kirby\",\r\n status: \"Private Viewing Only\"\r\n },\r\n {\r\n title: \"Tanglewood Manor\",\r\n location: \"Tanglewood\",\r\n price: \"$3,680,000\",\r\n img: \"\",\r\n link: \"https:\/\/lwhitneybuildgroup.com\/current_estates\/tanglewood-manor\",\r\n status: \"In Construction\"\r\n },\r\n {\r\n title: \"Heights Corner Estate\",\r\n location: \"The Heights\",\r\n price: \"$2,150,000\",\r\n img: \"\",\r\n link: \"https:\/\/lwhitneybuildgroup.com\/current_estates\/heights-corner\",\r\n status: \"Available Now\"\r\n },\r\n {\r\n title: \"Memorial Ridge\",\r\n location: \"Memorial\",\r\n price: \"$5,900,000\",\r\n img: \"\",\r\n link: \"https:\/\/lwhitneybuildgroup.com\/current_estates\/memorial-ridge\",\r\n status: \"Privately Listed\"\r\n }\r\n ];\r\n\r\n function loadEstates() {\r\n const grid = document.getElementById('estate-grid');\r\n grid.innerHTML = '';\r\n\r\n if (!ESTATES.length) {\r\n grid.innerHTML = `<p style=\"grid-column: 1\/-1; text-align: center; color: var(--gold);\">New listings are being prepared. Please check back shortly, or contact us directly.<\/p>`;\r\n return;\r\n }\r\n\r\n ESTATES.forEach((estate) => {\r\n const card = document.createElement('a');\r\n card.href = estate.link || '#';\r\n card.className = 'estate-item';\r\n\r\n const mediaBlock = estate.img\r\n ? `<div class=\"img-container skeleton\">\r\n <img decoding=\"async\" src=\"${estate.img}\" alt=\"${estate.title}\" loading=\"lazy\" onload=\"this.parentElement.classList.remove('skeleton')\">\r\n <\/div>`\r\n : `<div class=\"img-container\">\r\n <div class=\"img-pending\">\r\n <span class=\"monogram\">LW<\/span>\r\n <span class=\"pending-label\">Private Viewing \u00b7 Inquire<\/span>\r\n <\/div>\r\n <\/div>`;\r\n\r\n card.innerHTML = `\r\n ${mediaBlock}\r\n <div class=\"estate-details\">\r\n <span class=\"loc-tag\">${estate.location}<\/span>\r\n <h3 class=\"estate-title\">${estate.title}<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"price\">${estate.price}<\/span>\r\n <span class=\"status-pill\">${estate.status || 'Privately Listed'}<\/span>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n grid.appendChild(card);\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), 100);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n observer.observe(card);\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 document.addEventListener('mousedown', () => cursor.style.transform = 'translate(-50%, -50%) scale(0.7)');\r\n document.addEventListener('mouseup', () => cursor.style.transform = 'translate(-50%, -50%) scale(1)');\r\n\r\n document.addEventListener('mouseover', e => {\r\n if (e.target.closest('a')) {\r\n cursor.style.transform = 'translate(-50%, -50%) scale(4)';\r\n cursor.style.background = 'transparent';\r\n cursor.style.border = '1px solid var(--gold)';\r\n }\r\n });\r\n document.addEventListener('mouseout', e => {\r\n if (e.target.closest('a')) {\r\n cursor.style.transform = 'translate(-50%, -50%) scale(1)';\r\n \/* was: cursor.style.background = var(--gold); <- ReferenceError, killed this script *\/\r\n cursor.style.background = 'var(--gold)';\r\n }\r\n });\r\n\r\n loadEstates();\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>The Archive | Signature Collection L. WhitneyBuild Group Philosophy The Archive Modern Excellence Acquisition Private Consultation TheArchive. L. WHITNEY BUILD GROUP Available Estates & Private Collections. A curated inventory of architectural permanence. Each residence represents the pinnacle of Houston’s bespoke residential landscape. Est. 2026 \u2022 Houston, Texas Powered by Pinnacle Marketing Strategies<\/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-410","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/410","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=410"}],"version-history":[{"count":4,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":414,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/410\/revisions\/414"}],"wp:attachment":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}