{"id":400,"date":"2026-07-19T00:21:07","date_gmt":"2026-07-19T00:21:07","guid":{"rendered":"https:\/\/lwhitneybuildgroup.com\/home\/?page_id=400"},"modified":"2026-09-15T03:18:50","modified_gmt":"2026-09-15T03:18:50","slug":"home","status":"publish","type":"page","link":"https:\/\/lwhitneybuildgroup.com\/home\/","title":{"rendered":"Home"},"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\r\nL. Whitney Build Group | Houston Custom Homes<\/title>\r\n<meta name=\"description\" content=\"L. Whitney Build Group \u2014 custom residential construction and private commissions in Houston, Texas.\" \/>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Inter:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n:root{\r\n --ink:#090909;\r\n --ink-soft:#11110f;\r\n --paper:#eee9df;\r\n --paper-soft:#f6f2e9;\r\n --gold:#c5a059;\r\n --gold-deep:#9e7831;\r\n --white:#f4f4f2;\r\n --muted:rgba(244,244,242,.58);\r\n --line:rgba(197,160,89,.20);\r\n --ease:cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n*{box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n margin:0;\r\n background:var(--ink);\r\n color:var(--white);\r\n font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\r\n -webkit-font-smoothing:antialiased;\r\n text-rendering:optimizeLegibility;\r\n overflow-x:clip;\r\n}\r\nbody.menu-open{overflow:hidden}\r\nbody::before{\r\n content:\"\";\r\n position:fixed;\r\n inset:0;\r\n pointer-events:none;\r\n z-index:999;\r\n opacity:.022;\r\n background-image:url(\"https:\/\/grainy-gradients.vercel.app\/noise.svg\");\r\n}\r\na{color:inherit;text-decoration:none}\r\nimg{display:block;max-width:100%}\r\nbutton,input,select,textarea{font:inherit}\r\nbutton{color:inherit}\r\n.wrap{width:min(1440px,92vw);margin-inline:auto}\r\n.eyebrow{\r\n color:var(--gold);\r\n font-size:.68rem;\r\n letter-spacing:.42em;\r\n line-height:1.4;\r\n text-transform:uppercase;\r\n}\r\n.reveal,.fade-up{opacity:1;transform:none}\r\n\r\n\/* NAV *\/\r\n.nav{\r\n position:fixed;\r\n inset:0 0 auto;\r\n height:82px;\r\n z-index:500;\r\n display:flex;\r\n align-items:center;\r\n background:linear-gradient(to bottom,rgba(8,8,8,.84),rgba(8,8,8,0));\r\n transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease;\r\n}\r\n.nav.scrolled{\r\n background:rgba(8,8,8,.88);\r\n border-bottom:1px solid rgba(255,255,255,.06);\r\n backdrop-filter:blur(16px);\r\n}\r\n.nav-in{\r\n width:min(1440px,92vw);\r\n margin-inline:auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:28px;\r\n}\r\n.brand{\r\n font-family:\"Cormorant Garamond\",serif;\r\n font-size:1.28rem;\r\n line-height:.94;\r\n white-space:nowrap;\r\n}\r\n.brand span{\r\n display:block;\r\n margin-top:6px;\r\n color:var(--gold);\r\n font-family:Inter,sans-serif;\r\n font-size:.49rem;\r\n letter-spacing:.48em;\r\n text-transform:uppercase;\r\n}\r\n.navlinks{display:flex;align-items:center;gap:2.35rem}\r\n.navlinks a{\r\n color:rgba(255,255,255,.68);\r\n font-size:.64rem;\r\n letter-spacing:.24em;\r\n text-transform:uppercase;\r\n transition:color .25s ease,border-color .25s ease,background .25s ease;\r\n}\r\n.navlinks a:hover{color:#fff}\r\n.navcta{\r\n color:var(--gold);\r\n border:1px solid rgba(197,160,89,.52);\r\n padding:.8rem 1.1rem;\r\n}\r\n.navcta:hover{background:rgba(197,160,89,.08);border-color:var(--gold)}\r\n.menu{\r\n display:none;\r\n width:42px;\r\n height:42px;\r\n border:0;\r\n background:transparent;\r\n color:#fff;\r\n font-size:1.2rem;\r\n cursor:pointer;\r\n}\r\n\r\n\/* MOBILE NAV *\/\r\n.mobile-nav{\r\n position:fixed;\r\n inset:0;\r\n z-index:480;\r\n display:grid;\r\n background:rgba(8,8,8,.985);\r\n backdrop-filter:blur(18px);\r\n opacity:0;\r\n visibility:hidden;\r\n transform:translateY(-16px);\r\n transition:opacity .32s ease,transform .45s var(--ease),visibility .32s;\r\n}\r\n.mobile-nav.open{\r\n opacity:1;\r\n visibility:visible;\r\n transform:none;\r\n}\r\n.mobile-nav-inner{\r\n width:min(92vw,680px);\r\n margin:auto;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:flex-start;\r\n gap:1.55rem;\r\n padding:110px 0 60px;\r\n}\r\n.mobile-nav a{\r\n color:rgba(255,255,255,.9);\r\n font:300 clamp(2.7rem,10vw,4.7rem)\/.95 \"Cormorant Garamond\",serif;\r\n}\r\n.mobile-nav a:hover{color:var(--gold)}\r\n.mobile-nav .mobile-nav-cta{\r\n margin-top:1rem;\r\n padding:1rem 1.2rem;\r\n border:1px solid rgba(197,160,89,.5);\r\n color:var(--gold);\r\n font-family:Inter,sans-serif;\r\n font-size:.68rem;\r\n letter-spacing:.28em;\r\n text-transform:uppercase;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n position:relative;\r\n min-height:clamp(680px,100svh,1100px);\r\n overflow:hidden;\r\n background:#050505;\r\n}\r\n.hero-media{position:absolute;inset:0;overflow:hidden}\r\n.hero-media img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n object-position:center;\r\n filter:brightness(.58) saturate(.82);\r\n transform-origin:center 45%;\r\n}\r\n.hero-media::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.27) 50%,rgba(0,0,0,.12) 78%),\r\n linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,0) 50%);\r\n}\r\n.hero-grid{\r\n position:absolute;\r\n inset:0;\r\n opacity:.11;\r\n pointer-events:none;\r\n background-image:\r\n linear-gradient(rgba(197,160,89,.18) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(197,160,89,.18) 1px,transparent 1px);\r\n background-size:72px 72px;\r\n mask-image:linear-gradient(to right,black,transparent 76%);\r\n}\r\n.hero-content{\r\n position:relative;\r\n z-index:2;\r\n min-height:clamp(680px,100svh,1100px);\r\n max-width:860px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-end;\r\n padding-top:120px;\r\n padding-bottom:clamp(82px,10vh,122px);\r\n}\r\n.hero h1{\r\n margin:20px 0 26px;\r\n font:300 clamp(4rem,8vw,8.6rem)\/.84 \"Cormorant Garamond\",serif;\r\n letter-spacing:-.035em;\r\n}\r\n.hero h1 em{color:var(--gold);font-weight:300}\r\n.hero-copy{\r\n max-width:640px;\r\n color:rgba(255,255,255,.72);\r\n font-size:clamp(.96rem,1.3vw,1.14rem);\r\n line-height:1.8;\r\n}\r\n.hero-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:14px;\r\n margin-top:32px;\r\n}\r\n.btn{\r\n min-height:50px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:0 24px;\r\n border:1px solid rgba(255,255,255,.22);\r\n font-size:.66rem;\r\n letter-spacing:.28em;\r\n text-transform:uppercase;\r\n transition:transform .3s var(--ease),border-color .25s ease,background .25s ease,color .25s ease;\r\n}\r\n.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.55)}\r\n.btn.gold{background:var(--gold);border-color:var(--gold);color:#0b0b0b}\r\n.hero-index{\r\n position:absolute;\r\n right:4vw;\r\n bottom:9vh;\r\n z-index:3;\r\n color:rgba(255,255,255,.44);\r\n font-size:.55rem;\r\n letter-spacing:.35em;\r\n text-transform:uppercase;\r\n writing-mode:vertical-rl;\r\n}\r\n.hero-scroll{\r\n position:absolute;\r\n left:4vw;\r\n bottom:28px;\r\n z-index:4;\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n color:rgba(255,255,255,.52);\r\n font-size:.54rem;\r\n letter-spacing:.30em;\r\n text-transform:uppercase;\r\n}\r\n.hero-scroll i{\r\n position:relative;\r\n width:62px;\r\n height:1px;\r\n overflow:hidden;\r\n background:rgba(255,255,255,.15);\r\n}\r\n.hero-scroll i::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:var(--gold);\r\n transform:translateX(-100%);\r\n animation:heroScan 3.1s var(--ease) 2.7s infinite;\r\n}\r\n@keyframes heroScan{\r\n 0%{transform:translateX(-100%)}\r\n 48%,64%{transform:translateX(0)}\r\n 100%{transform:translateX(105%)}\r\n}\r\n\r\n\/* SHARED SECTION HEAD *\/\r\nsection{position:relative}\r\n.section-head{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:flex-end;\r\n gap:48px;\r\n margin-bottom:64px;\r\n}\r\n.section-head h2{\r\n margin:10px 0 0;\r\n font:300 clamp(3rem,6vw,6rem)\/.9 \"Cormorant Garamond\",serif;\r\n letter-spacing:-.03em;\r\n}\r\n.section-head p{\r\n max-width:560px;\r\n margin:0;\r\n color:rgba(255,255,255,.58);\r\n font-size:.9rem;\r\n line-height:1.8;\r\n}\r\n\r\n\/* SELECTED WORK *\/\r\n.proof{\r\n padding:120px 0 150px;\r\n background:#0b0b0a;\r\n overflow:hidden;\r\n}\r\n.work-pin{width:100%;overflow:visible}\r\n.residences{\r\n width:100%;\r\n display:flex;\r\n align-items:flex-start;\r\n gap:24px;\r\n overflow-x:auto;\r\n overflow-y:hidden;\r\n padding:0 4vw 34px;\r\n scroll-snap-type:x mandatory;\r\n scroll-padding-inline:4vw;\r\n scrollbar-width:none;\r\n overscroll-behavior-x:contain;\r\n -webkit-overflow-scrolling:touch;\r\n touch-action:pan-x;\r\n}\r\n.residences::-webkit-scrollbar{display:none}\r\n.residence{\r\n flex:0 0 min(78vw,1040px);\r\n scroll-snap-align:center;\r\n}\r\n.res-img{\r\n position:relative;\r\n aspect-ratio:16\/9;\r\n overflow:hidden;\r\n background:#1a1a18;\r\n box-shadow:0 30px 80px rgba(0,0,0,.16);\r\n}\r\n.res-img::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);\r\n}\r\n.res-img img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transition:transform .9s var(--ease);\r\n}\r\n@media (hover:hover) and (pointer:fine){\r\n .residence:hover .res-img img{transform:scale(1.018)}\r\n}\r\n.res-meta{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:20px;\r\n padding:18px 2px 0;\r\n}\r\n.res-name{\r\n color:rgba(255,255,255,.52);\r\n font-size:.62rem;\r\n letter-spacing:.24em;\r\n text-transform:uppercase;\r\n}\r\n.res-name:last-child{text-align:right}\r\n.res-num{\r\n color:var(--gold);\r\n font:italic 1.05rem \"Cormorant Garamond\",serif;\r\n}\r\n.proof-ui{\r\n display:grid;\r\n grid-template-columns:auto minmax(280px,460px);\r\n align-items:center;\r\n gap:26px;\r\n margin-top:20px;\r\n}\r\n.proof-note{\r\n color:rgba(255,255,255,.38);\r\n font-size:.68rem;\r\n letter-spacing:.08em;\r\n}\r\n.work-controls{\r\n display:grid;\r\n grid-template-columns:42px 1fr 42px;\r\n align-items:center;\r\n gap:14px;\r\n}\r\n.work-arrow{\r\n width:42px;\r\n height:42px;\r\n border:1px solid rgba(197,160,89,.28);\r\n background:transparent;\r\n cursor:pointer;\r\n transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease,opacity .25s ease;\r\n}\r\n.work-arrow:hover:not(:disabled){\r\n transform:translateY(-1px);\r\n background:var(--gold);\r\n border-color:var(--gold);\r\n color:#111;\r\n}\r\n.work-arrow:disabled{opacity:.24;cursor:default}\r\n.work-progress{\r\n height:1px;\r\n overflow:hidden;\r\n background:rgba(255,255,255,.10);\r\n}\r\n.work-progress span{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n background:linear-gradient(90deg,rgba(197,160,89,.42),var(--gold));\r\n transform:scaleX(0);\r\n transform-origin:left;\r\n}\r\n\r\n\/* FOUNDER *\/\r\n.founder{\r\n padding:140px 0;\r\n background:var(--paper);\r\n color:#111;\r\n}\r\n.founder-grid{\r\n display:grid;\r\n grid-template-columns:minmax(0,1.07fr) minmax(420px,.93fr);\r\n align-items:center;\r\n gap:clamp(48px,7vw,110px);\r\n}\r\n.founder-photo{\r\n position:relative;\r\n min-height:720px;\r\n overflow:hidden;\r\n box-shadow:0 30px 85px rgba(52,42,28,.12);\r\n}\r\n.founder-photo::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:18px;\r\n z-index:3;\r\n border:1px solid rgba(255,255,255,.28);\r\n opacity:.58;\r\n pointer-events:none;\r\n}\r\n.founder-photo::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto 0 0;\r\n height:32%;\r\n background:linear-gradient(transparent,rgba(0,0,0,.34));\r\n}\r\n.founder-photo img{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n filter:contrast(1.04) saturate(.9);\r\n}\r\n.founder-copy .eyebrow{color:#8a6a2d}\r\n.founder-copy h2{\r\n margin:20px 0 30px;\r\n font:300 clamp(3.6rem,6vw,6.8rem)\/.88 \"Cormorant Garamond\",serif;\r\n}\r\n.founder-copy h2 em{color:var(--gold-deep);font-weight:300}\r\n.founder-copy blockquote{\r\n position:relative;\r\n margin:0 0 26px;\r\n color:#342d21;\r\n font:italic 300 clamp(1.5rem,2.2vw,2.2rem)\/1.35 \"Cormorant Garamond\",serif;\r\n}\r\n.founder-copy blockquote::before{\r\n content:\"\";\r\n position:absolute;\r\n left:-24px;\r\n top:.18em;\r\n width:1px;\r\n height:76%;\r\n background:linear-gradient(var(--gold),transparent);\r\n opacity:.62;\r\n}\r\n.founder-copy p{\r\n max-width:620px;\r\n color:#5e5a53;\r\n line-height:1.9;\r\n}\r\n.signature{\r\n display:inline-block;\r\n position:relative;\r\n margin:32px 0 8px;\r\n color:var(--gold-deep);\r\n font:italic 2.8rem \"Cormorant Garamond\",serif;\r\n}\r\n.signature::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n right:-40px;\r\n bottom:-8px;\r\n height:1px;\r\n background:linear-gradient(90deg,var(--gold-deep),transparent);\r\n}\r\n.text-link{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:14px;\r\n margin-top:24px;\r\n font-size:.65rem;\r\n letter-spacing:.27em;\r\n text-transform:uppercase;\r\n}\r\n.text-link::after{\r\n content:\"\";\r\n width:42px;\r\n height:1px;\r\n background:currentColor;\r\n transition:width .3s ease;\r\n}\r\n.text-link:hover::after{width:70px}\r\n\r\n\/* LIFESTYLE *\/\r\n.life{\r\n padding:140px 0 120px;\r\n overflow:hidden;\r\n background:#efe9de;\r\n color:#111;\r\n}\r\n.life .section-head .eyebrow{color:#8b6b2e}\r\n.life .section-head p{color:#69645d}\r\n.life-stage{\r\n min-height:76vh;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n align-items:stretch;\r\n overflow:hidden;\r\n box-shadow:0 34px 80px rgba(42,33,20,.10);\r\n}\r\n.life-visual{position:relative;overflow:hidden}\r\n.life-visual img{width:100%;height:100%;object-fit:cover}\r\n.life-visual::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(90deg,transparent 58%,rgba(20,20,17,.14));\r\n pointer-events:none;\r\n}\r\n.life-badge{\r\n position:absolute;\r\n left:20px;\r\n bottom:20px;\r\n z-index:2;\r\n padding:8px 11px;\r\n background:rgba(12,12,12,.62);\r\n color:#fff;\r\n font-size:.54rem;\r\n letter-spacing:.22em;\r\n text-transform:uppercase;\r\n backdrop-filter:blur(8px);\r\n}\r\n.life-panel{\r\n position:relative;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n padding:clamp(36px,5vw,80px);\r\n background:#141411;\r\n color:#fff;\r\n}\r\n.life-panel::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:12%;\r\n bottom:12%;\r\n width:1px;\r\n background:linear-gradient(transparent,rgba(197,160,89,.55),transparent);\r\n}\r\n.life-panel h3{\r\n margin:0 0 25px;\r\n font:300 clamp(3rem,5vw,6rem)\/.9 \"Cormorant Garamond\",serif;\r\n}\r\n.life-panel p{color:rgba(255,255,255,.58);line-height:1.8}\r\n.chips{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:28px;\r\n}\r\n.chip{\r\n padding:11px 13px;\r\n border:1px solid rgba(197,160,89,.34);\r\n background:transparent;\r\n color:#e8e1d3;\r\n font-size:.61rem;\r\n letter-spacing:.16em;\r\n text-transform:uppercase;\r\n cursor:pointer;\r\n -webkit-tap-highlight-color:transparent;\r\n transition:transform .3s var(--ease),background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;\r\n}\r\n.chip:hover{transform:translateY(-2px);border-color:rgba(197,160,89,.72)}\r\n.chip.active,.chip[aria-pressed=\"true\"]{\r\n background:var(--gold);\r\n border-color:var(--gold);\r\n color:#111;\r\n box-shadow:0 8px 28px rgba(197,160,89,.16);\r\n}\r\n\r\n\/* METHOD *\/\r\n.method{padding:140px 0;background:#0a0a09}\r\n.method-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1.3fr;\r\n gap:8vw;\r\n}\r\n.method-intro h2{\r\n margin:18px 0 28px;\r\n font:300 clamp(3.4rem,6vw,6.4rem)\/.9 \"Cormorant Garamond\",serif;\r\n}\r\n.method-intro p{max-width:500px;color:var(--muted);line-height:1.8}\r\n.steps{border-top:1px solid var(--line)}\r\n.step{\r\n min-height:122px;\r\n display:grid;\r\n grid-template-columns:60px 1fr;\r\n gap:20px;\r\n align-items:start;\r\n padding:30px 0;\r\n border-bottom:1px solid var(--line);\r\n}\r\n.step-num{\r\n padding-top:.3rem;\r\n color:var(--gold);\r\n font:italic 1rem \"Cormorant Garamond\",serif;\r\n}\r\n.step h3{\r\n margin:0 0 8px;\r\n font:300 2rem \"Cormorant Garamond\",serif;\r\n}\r\n.step p{\r\n margin:0;\r\n color:rgba(255,255,255,.48);\r\n font-size:.85rem;\r\n line-height:1.6;\r\n}\r\n\r\n\/* PATHS *\/\r\n.paths{padding:130px 0;background:var(--ink-soft)}\r\n.paths-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n border:1px solid var(--line);\r\n}\r\n.path{\r\n position:relative;\r\n min-height:520px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n overflow:hidden;\r\n padding:clamp(40px,6vw,80px);\r\n transition:background .4s ease;\r\n}\r\n.path + .path{border-left:1px solid var(--line)}\r\n.path::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(135deg,rgba(197,160,89,.06),transparent 55%);\r\n opacity:0;\r\n transition:opacity .4s ease;\r\n}\r\n.path::after{\r\n content:\"\";\r\n position:absolute;\r\n right:-180px;\r\n bottom:-190px;\r\n width:300px;\r\n aspect-ratio:1;\r\n border:1px solid rgba(197,160,89,.10);\r\n border-radius:50%;\r\n transition:transform 1.1s var(--ease),border-color .7s ease;\r\n}\r\n.path:hover::before{opacity:1}\r\n.path:hover::after{transform:scale(1.16);border-color:rgba(197,160,89,.22)}\r\n.path > *{position:relative;z-index:2}\r\n.path h3{\r\n margin:12px 0 18px;\r\n font:300 clamp(3.5rem,6vw,6.5rem)\/.9 \"Cormorant Garamond\",serif;\r\n}\r\n.path p{max-width:460px;color:var(--muted);line-height:1.8}\r\n.path-bottom{\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content:space-between;\r\n gap:20px;\r\n}\r\n\r\n\/* CONVERSION *\/\r\n.convert{padding:140px 0;background:var(--paper-soft);color:#111}\r\n.convert-grid{\r\n display:grid;\r\n grid-template-columns:.9fr 1.1fr;\r\n gap:8vw;\r\n}\r\n.convert h2{\r\n margin:18px 0 26px;\r\n font:300 clamp(3.6rem,6vw,6.8rem)\/.9 \"Cormorant Garamond\",serif;\r\n}\r\n.convert p{color:#686158;line-height:1.8}\r\n.vision-summary{\r\n margin-top:28px;\r\n padding:18px;\r\n border:1px solid rgba(0,0,0,.12);\r\n color:#5e574f;\r\n font-size:.78rem;\r\n}\r\n.form-card{\r\n padding:clamp(28px,4vw,54px);\r\n background:#fff;\r\n box-shadow:0 20px 70px rgba(0,0,0,.08);\r\n}\r\n.field{margin-bottom:24px}\r\n.field label{\r\n display:block;\r\n margin-bottom:9px;\r\n color:#817668;\r\n font-size:.58rem;\r\n letter-spacing:.2em;\r\n text-transform:uppercase;\r\n}\r\n.field input,.field select,.field textarea{\r\n width:100%;\r\n padding:12px 0;\r\n border:0;\r\n border-bottom:1px solid #cfc7ba;\r\n border-radius:0;\r\n outline:none;\r\n background:transparent;\r\n color:#111;\r\n}\r\n.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:#8d6c2c}\r\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}\r\n.submit{\r\n width:100%;\r\n margin-top:10px;\r\n padding:17px 18px;\r\n border:0;\r\n background:#111;\r\n color:#fff;\r\n font-size:.64rem;\r\n letter-spacing:.28em;\r\n text-transform:uppercase;\r\n cursor:pointer;\r\n transition:background .25s ease,color .25s ease,opacity .25s ease;\r\n}\r\n.submit:hover{background:#211f1c}\r\n.submit:disabled{opacity:.68;cursor:default}\r\n.form-note{\r\n max-width:620px;\r\n margin-top:12px;\r\n color:#8d857a;\r\n font-size:.7rem;\r\n line-height:1.5;\r\n}\r\n\r\n\/* PINNACLE SIGNOFF *\/\r\n.pinnacle-signoff{\r\n position:relative;\r\n min-height:190px;\r\n display:grid;\r\n place-items:center;\r\n overflow:hidden;\r\n padding:70px 4vw;\r\n background:#0a0a09;\r\n border-top:1px solid rgba(197,160,89,.18);\r\n border-bottom:1px solid rgba(197,160,89,.12);\r\n text-align:center;\r\n}\r\n.pinnacle-rule{\r\n position:absolute;\r\n top:0;\r\n left:50%;\r\n width:min(680px,76vw);\r\n height:1px;\r\n transform:translateX(-50%);\r\n background:linear-gradient(90deg,transparent,rgba(197,160,89,.78),transparent);\r\n box-shadow:0 0 30px rgba(197,160,89,.16);\r\n}\r\n.pinnacle-signoff-link{\r\n position:relative;\r\n z-index:2;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n gap:1rem;\r\n padding:18px 0;\r\n text-transform:uppercase;\r\n}\r\n.pinnacle-prefix{\r\n color:rgba(197,160,89,.52);\r\n font-size:.59rem;\r\n letter-spacing:.34em;\r\n}\r\n.pinnacle-name{\r\n color:rgba(197,160,89,.84);\r\n font-size:clamp(.72rem,1.05vw,.98rem);\r\n font-weight:400;\r\n letter-spacing:.34em;\r\n text-shadow:0 0 22px rgba(197,160,89,.13);\r\n transition:color .25s ease;\r\n}\r\n.pinnacle-signoff-link:hover .pinnacle-name{color:#d4b56f}\r\n\r\n\/* FOOTER *\/\r\nfooter{\r\n padding:52px 0;\r\n background:#070707;\r\n border-top:1px solid rgba(255,255,255,.06);\r\n}\r\n.foot{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n flex-wrap:wrap;\r\n gap:30px;\r\n}\r\n.foot small{\r\n color:rgba(255,255,255,.34);\r\n font-size:.67rem;\r\n letter-spacing:.14em;\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\na:focus-visible,\r\nbutton:focus-visible,\r\ninput:focus-visible,\r\nselect:focus-visible,\r\ntextarea:focus-visible{\r\n outline:2px solid var(--gold);\r\n outline-offset:5px;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1023px){\r\n .nav{height:72px}\r\n .navlinks a:not(.navcta){display:none}\r\n .menu{display:block}\r\n .hero-content{padding-top:110px}\r\n .proof{padding:96px 0 110px}\r\n .residences{\r\n gap:18px;\r\n padding-inline:5vw;\r\n scroll-padding-inline:5vw;\r\n }\r\n .residence{flex-basis:86vw}\r\n .founder-grid,.life-stage,.method-grid,.convert-grid{grid-template-columns:1fr}\r\n .founder-grid{gap:55px}\r\n .founder-photo{min-height:auto;aspect-ratio:4\/5}\r\n .life-stage{min-height:auto}\r\n .life-visual{aspect-ratio:4\/3}\r\n .life-panel{min-height:460px}\r\n .paths-grid{grid-template-columns:1fr}\r\n .path + .path{border-left:0;border-top:1px solid var(--line)}\r\n .path{min-height:420px}\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:640px){\r\n .wrap,.nav-in{width:90vw}\r\n .navlinks .navcta{display:none}\r\n .brand{font-size:1.08rem}\r\n .brand span{font-size:.43rem;letter-spacing:.38em}\r\n .hero{min-height:100svh}\r\n .hero-media::after{\r\n background:\r\n linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.20) 66%,rgba(0,0,0,.22)),\r\n linear-gradient(90deg,rgba(0,0,0,.34),transparent);\r\n }\r\n .hero-content{\r\n min-height:100svh;\r\n padding-top:100px;\r\n padding-bottom:max(70px,9svh);\r\n }\r\n .hero h1{\r\n margin:16px 0 22px;\r\n font-size:clamp(3.55rem,17vw,5.1rem);\r\n line-height:.87;\r\n }\r\n .hero-copy{max-width:94%;font-size:.91rem;line-height:1.7}\r\n .hero-actions{\r\n width:min(100%,340px);\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:25px;\r\n }\r\n .btn{min-height:48px;padding-inline:18px;font-size:.60rem}\r\n .hero-index{display:none}\r\n .hero-scroll{left:5vw;bottom:18px;font-size:.48rem}\r\n .hero-scroll i{width:42px}\r\n .section-head{display:block;margin-bottom:44px}\r\n .section-head h2{font-size:clamp(3.2rem,15vw,4.6rem)}\r\n .section-head p{margin-top:24px;font-size:.86rem}\r\n .proof{padding:82px 0 94px}\r\n .residences{gap:14px}\r\n .residence{flex-basis:88vw}\r\n .res-img{aspect-ratio:4\/5}\r\n .res-meta{padding-top:13px}\r\n .res-name{font-size:.53rem;letter-spacing:.18em}\r\n .proof-ui{\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n }\r\n .work-controls{grid-template-columns:38px 1fr 38px}\r\n .work-arrow{width:38px;height:38px}\r\n .founder,.life,.method,.paths,.convert{padding:88px 0}\r\n .founder-photo{aspect-ratio:4\/5}\r\n .founder-photo::before{inset:10px}\r\n .founder-copy h2{font-size:clamp(3.8rem,16vw,5.1rem)}\r\n .founder-copy blockquote{font-size:1.52rem}\r\n .founder-copy blockquote::before{display:none}\r\n .founder-copy p{font-size:.9rem}\r\n .life-visual{aspect-ratio:4\/5}\r\n .life-panel{min-height:0;padding:42px 26px}\r\n .life-panel::before{display:none}\r\n .life-panel h3{font-size:clamp(3.5rem,15vw,5rem)}\r\n .chips{gap:8px}\r\n .chip{padding:10px;font-size:.55rem}\r\n .method-grid{gap:48px}\r\n .method-intro h2{font-size:clamp(3.7rem,15vw,5rem)}\r\n .step{grid-template-columns:42px 1fr;padding:24px 0}\r\n .step h3{font-size:1.7rem}\r\n .path{min-height:360px;padding:36px 28px}\r\n .path h3{font-size:clamp(3.7rem,16vw,5rem)}\r\n .convert h2{font-size:clamp(3.7rem,15vw,5rem)}\r\n .form-card{padding:30px 24px}\r\n .form-row{grid-template-columns:1fr}\r\n .pinnacle-signoff{min-height:180px;padding:52px 8vw}\r\n .pinnacle-signoff-link{flex-direction:column;gap:.8rem}\r\n .pinnacle-prefix{font-size:.53rem;letter-spacing:.28em}\r\n .pinnacle-name{font-size:.72rem;line-height:1.7;letter-spacing:.25em}\r\n .foot{align-items:flex-start;flex-direction:column;gap:16px}\r\n}\r\n\r\n@media(max-width:390px){\r\n .hero h1{font-size:3.55rem}\r\n .eyebrow{font-size:.57rem;letter-spacing:.30em}\r\n .section-head h2{font-size:3.45rem}\r\n .founder-copy h2,.method-intro h2,.convert h2{font-size:3.55rem}\r\n .mobile-nav a{font-size:2.6rem}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n html{scroll-behavior:auto}\r\n *,*::before,*::after{\r\n animation-duration:.001ms;\r\n animation-iteration-count:1;\r\n transition-duration:.001ms;\r\n }\r\n .hero-scroll i::after{animation:none;transform:none;opacity:.6}\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div id=\"lw-page-root\">\r\n\r\n<nav class=\"nav\" id=\"nav\">\r\n <div class=\"nav-in\">\r\n <a class=\"brand\" href=\"#top\">L. Whitney<span>Build Group<\/span><\/a>\r\n <div class=\"navlinks\">\r\n <a href=\"#work\">Selected Work<\/a>\r\n <a href=\"#builder\">The Builder<\/a>\r\n <a href=\"#vision\">Your Vision<\/a>\r\n <a href=\"#method\">Method<\/a>\r\n <a href=\"#consultation\" class=\"navcta\">Private Consultation<\/a>\r\n <\/div>\r\n <button class=\"menu\" id=\"menuToggle\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"mobileNav\">\u2630<\/button>\r\n <\/div>\r\n<\/nav>\r\n\r\n<div class=\"mobile-nav\" id=\"mobileNav\" aria-hidden=\"true\">\r\n <div class=\"mobile-nav-inner\">\r\n <a href=\"#work\">Selected Work<\/a>\r\n <a href=\"#builder\">The Builder<\/a>\r\n <a href=\"#vision\">Your Vision<\/a>\r\n <a href=\"#method\">Method<\/a>\r\n <a href=\"#consultation\" class=\"mobile-nav-cta\">Private Consultation<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<header class=\"hero\" id=\"top\">\r\n <div class=\"hero-media\">\r\n <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/01\/H1.png\" alt=\"Selected L. Whitney residence\">\r\n <\/div>\r\n <div class=\"hero-grid\"><\/div>\r\n <div class=\"wrap hero-content\">\r\n <div class=\"eyebrow fade-up\">Houston, Texas \u00b7 Private Residential Development<\/div>\r\n <h1 class=\"fade-up\">Homes built for<br><em>the life inside.<\/em><\/h1>\r\n <div class=\"hero-copy fade-up\">\r\n A considered approach to custom residential construction \u2014 pairing architectural clarity, disciplined execution and spaces designed to endure.\r\n <\/div>\r\n <div class=\"hero-actions fade-up\">\r\n <a class=\"btn gold\" href=\"#consultation\">Start Your Project<\/a>\r\n <a class=\"btn\" href=\"#work\">Explore Selected Work<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-index\">L. Whitney Build Group \u00b7 Houston<\/div>\r\n <a class=\"hero-scroll\" href=\"#work\" aria-label=\"Scroll to selected work\">\r\n <span>Explore<\/span><i><\/i>\r\n <\/a>\r\n<\/header>\r\n\r\n<section class=\"proof\" id=\"work\">\r\n <div class=\"wrap section-head\">\r\n <div>\r\n <div class=\"eyebrow\">01 \u00b7 Selected Work<\/div>\r\n <h2>Selected<br>residences.<\/h2>\r\n <\/div>\r\n <p>\r\n Every residence begins differently. The standard does not.\r\n Explore a curated view of L. Whitney Build Group\u2019s work \u2014 shaped by proportion, material,\r\n light and disciplined execution.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"work-pin\" id=\"workPin\">\r\n <div class=\"residences\" id=\"residences\">\r\n <article class=\"residence\">\r\n <div class=\"res-img reveal\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/01\/H1.png\" alt=\"Selected L. Whitney residence\"><\/div>\r\n <div class=\"res-meta\"><span class=\"res-name\">L. Whitney Build Group<\/span><span class=\"res-name\">Selected Work<\/span><\/div>\r\n <\/article>\r\n <article class=\"residence\">\r\n <div class=\"res-img reveal\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/01\/h2.png\" alt=\"Selected L. Whitney residence\"><\/div>\r\n <div class=\"res-meta\"><span class=\"res-name\">L. Whitney Build Group<\/span><span class=\"res-name\">Selected Work<\/span><\/div>\r\n <\/article>\r\n <article class=\"residence\">\r\n <div class=\"res-img reveal\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/01\/h3.png\" alt=\"Selected L. Whitney residence\"><\/div>\r\n <div class=\"res-meta\"><span class=\"res-name\">L. Whitney Build Group<\/span><span class=\"res-name\">Selected Work<\/span><\/div>\r\n <\/article>\r\n <article class=\"residence\">\r\n <div class=\"res-img reveal\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/03\/Screenshot-2025-11-28-112619.png\" alt=\"Selected L. Whitney residence\"><\/div>\r\n <div class=\"res-meta\"><span class=\"res-name\">L. Whitney Build Group<\/span><span class=\"res-name\">Selected Work<\/span><\/div>\r\n <\/article>\r\n <article class=\"residence\">\r\n <div class=\"res-img reveal\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/09\/29B36683-427F-49F6-BF03-E2418C55B1B3.jpg\" alt=\"Selected L. Whitney residence\"><\/div>\r\n <div class=\"res-meta\"><span class=\"res-name\">L. Whitney Build Group<\/span><span class=\"res-name\">Selected Work<\/span><\/div>\r\n <\/article>\r\n <article class=\"residence\">\r\n <div class=\"res-img reveal\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/09\/IMG_3256.jpeg\" alt=\"Selected L. Whitney residence\"><\/div>\r\n <div class=\"res-meta\"><span class=\"res-name\">L. Whitney Build Group<\/span><span class=\"res-name\">Selected Work<\/span><\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <div class=\"proof-ui wrap\">\r\n <div class=\"proof-note\">Explore selected work.<\/div>\r\n <div class=\"work-controls\">\r\n <button class=\"work-arrow\" id=\"workPrev\" type=\"button\" aria-label=\"Previous residence\">\u2190<\/button>\r\n <div class=\"work-progress\" aria-hidden=\"true\"><span id=\"workProgress\"><\/span><\/div>\r\n <button class=\"work-arrow\" id=\"workNext\" type=\"button\" aria-label=\"Next residence\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"founder\" id=\"builder\">\r\n <div class=\"wrap founder-grid\">\r\n <div class=\"founder-photo reveal\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/01\/IMG_5860.jpg\" alt=\"Lauren Whitney, Principal Developer and Founder\">\r\n <\/div>\r\n <div class=\"founder-copy fade-up\">\r\n <div class=\"eyebrow\">02 \u00b7 The Builder<\/div>\r\n <h2>Lauren<br><em>Whitney.<\/em><\/h2>\r\n <blockquote>\u201cLuxury is not defined by appearance alone.\u201d<\/blockquote>\r\n <p>\r\n For more than 15 years, Lauren Whitney has built and developed distinctive properties across Texas.\r\n Her background began on active job sites \u2014 shaping an approach grounded in construction, operations,\r\n feasibility and disciplined execution.\r\n <\/p>\r\n <p>\r\n Today, that builder\u2019s perspective guides each commission from early evaluation through design,\r\n construction and completion.\r\n <\/p>\r\n <div class=\"signature\">L. Whitney<\/div>\r\n <a href=\"\/philosophy\/\" class=\"text-link\">Read the full philosophy<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"life\" id=\"vision\">\r\n <div class=\"wrap section-head\">\r\n <div>\r\n <div class=\"eyebrow\">03 \u00b7 Possibility<\/div>\r\n <h2>How should<br>home feel?<\/h2>\r\n <\/div>\r\n <p>\r\n A home is more than its elevation. Select the experiences that matter most to you.\r\n We\u2019ll carry them into your project brief.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"wrap life-stage\">\r\n <div class=\"life-visual reveal\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lwhitneybuildgroup.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_1bs04r1bs04r1bs0.png\" alt=\"Lifestyle visualization of indoor-outdoor family dining\">\r\n <div class=\"life-badge\">Lifestyle visualization<\/div>\r\n <\/div>\r\n <div class=\"life-panel\">\r\n <div class=\"eyebrow\">Your Vision<\/div>\r\n <h3>Live the way<br>you intended.<\/h3>\r\n <p>\r\n Choose what belongs in your future home. These selections are remembered below and can be included with your inquiry.\r\n <\/p>\r\n <div class=\"chips\" id=\"chips\">\r\n <button class=\"chip\" type=\"button\" aria-pressed=\"false\">Entertaining<\/button>\r\n <button class=\"chip\" type=\"button\" aria-pressed=\"false\">Outdoor Living<\/button>\r\n <button class=\"chip\" type=\"button\" aria-pressed=\"false\">Private Retreat<\/button>\r\n <button class=\"chip\" type=\"button\" aria-pressed=\"false\">Family Space<\/button>\r\n <button class=\"chip\" type=\"button\" aria-pressed=\"false\">Chef's Kitchen<\/button>\r\n <button class=\"chip\" type=\"button\" aria-pressed=\"false\">Architectural Presence<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"method\" id=\"method\">\r\n <div class=\"wrap method-grid\">\r\n <div class=\"method-intro fade-up\">\r\n <div class=\"eyebrow\">04 \u00b7 The Whitney Method<\/div>\r\n <h2>Clarity before<br>construction.<\/h2>\r\n <p>\r\n A disciplined project path turns inspiration into decisions. The objective is simple:\r\n understand the site, define the vision, align the scope and execute with precision.\r\n <\/p>\r\n <\/div>\r\n <div class=\"steps\">\r\n <div class=\"step fade-up\"><div class=\"step-num\">01<\/div><div><h3>Discover<\/h3><p>Lifestyle, priorities, property status and project objectives.<\/p><\/div><\/div>\r\n <div class=\"step fade-up\"><div class=\"step-num\">02<\/div><div><h3>Validate<\/h3><p>Early feasibility, constraints, investment framework and site considerations.<\/p><\/div><\/div>\r\n <div class=\"step fade-up\"><div class=\"step-num\">03<\/div><div><h3>Define<\/h3><p>Architecture, material direction, scope and critical project decisions.<\/p><\/div><\/div>\r\n <div class=\"step fade-up\"><div class=\"step-num\">04<\/div><div><h3>Build<\/h3><p>Construction managed against the agreed direction and milestones.<\/p><\/div><\/div>\r\n <div class=\"step fade-up\"><div class=\"step-num\">05<\/div><div><h3>Deliver<\/h3><p>Final walkthrough, completion and a considered handoff.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"paths\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <div class=\"eyebrow\">05 \u00b7 Choose your path<\/div>\r\n <h2>Two ways<br>forward.<\/h2>\r\n <\/div>\r\n <p>Whether you are exploring an available opportunity or beginning with a private vision, the path forward should feel clear from the start.<\/p>\r\n <\/div>\r\n\r\n <div class=\"paths-grid\">\r\n <a class=\"path\" href=\"\/estates\/\">\r\n <div>\r\n <div class=\"eyebrow\">Path 01<\/div>\r\n <h3>Acquire.<\/h3>\r\n <p>Explore residences currently available, planned or in development.<\/p>\r\n <\/div>\r\n <div class=\"path-bottom\"><span class=\"text-link\">View opportunities<\/span><span class=\"res-num\">01<\/span><\/div>\r\n <\/a>\r\n <a class=\"path\" href=\"#consultation\">\r\n <div>\r\n <div class=\"eyebrow\">Path 02<\/div>\r\n <h3>Commission.<\/h3>\r\n <p>Begin with your property, your priorities and a residence shaped around the way you intend to live.<\/p>\r\n <\/div>\r\n <div class=\"path-bottom\"><span class=\"text-link\">Start a private commission<\/span><span class=\"res-num\">02<\/span><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"convert\" id=\"consultation\">\r\n <div class=\"wrap convert-grid\">\r\n <div class=\"fade-up\">\r\n <div class=\"eyebrow\" style=\"color:#8a6a2d\">06 \u00b7 Private Project Review<\/div>\r\n <h2>Tell us where<br>you are today.<\/h2>\r\n <p>\r\n We\u2019ll use the information below to understand the project and determine the clearest next step.\r\n <\/p>\r\n <div class=\"vision-summary\" id=\"visionSummary\">Your saved vision: <strong>Nothing selected yet.<\/strong><\/div>\r\n <\/div>\r\n\r\n <form class=\"form-card\" id=\"projectReviewForm\">\r\n <div class=\"field\">\r\n <label for=\"projectType\">What are you considering?<\/label>\r\n <select id=\"projectType\" required>\r\n <option value=\"\">Choose one<\/option>\r\n <option>Custom residence<\/option>\r\n <option>Available residence<\/option>\r\n <option>Land + development<\/option>\r\n <option>Major renovation<\/option>\r\n <option>Still exploring<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"field\">\r\n <label for=\"property\">Property status<\/label>\r\n <select id=\"property\">\r\n <option>Own the property<\/option>\r\n <option>Currently looking<\/option>\r\n <option>Need site guidance<\/option>\r\n <option>Not sure yet<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"timeline\">Target timing<\/label>\r\n <select id=\"timeline\">\r\n <option>0\u20136 months<\/option>\r\n <option>6\u201312 months<\/option>\r\n <option>12\u201324 months<\/option>\r\n <option>Still exploring<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"field\">\r\n <label for=\"location\">Preferred Houston area<\/label>\r\n <input id=\"location\" placeholder=\"Neighborhood or area\">\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"investment\">Investment range<\/label>\r\n <select id=\"investment\">\r\n <option>Prefer to discuss<\/option>\r\n <option>$750k\u2013$1M<\/option>\r\n <option>$1M\u2013$1.5M<\/option>\r\n <option>$1.5M\u2013$2M<\/option>\r\n <option>$2M+<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"field\"><label for=\"name\">Name<\/label><input id=\"name\" required><\/div>\r\n <div class=\"field\"><label for=\"email\">Email<\/label><input id=\"email\" type=\"email\" required><\/div>\r\n <\/div>\r\n\r\n <input type=\"hidden\" id=\"visionInput\" name=\"vision\" value=\"\">\r\n <button class=\"submit\" type=\"submit\">Request Private Project Review<\/button>\r\n <div class=\"form-note\">Your inquiry is treated privately and used only to understand your project and the appropriate next step.<\/div>\r\n <\/form>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"pinnacle-signoff\" aria-label=\"Experience credit\">\r\n <div class=\"pinnacle-rule\" aria-hidden=\"true\"><\/div>\r\n <a href=\"https:\/\/pinnaclemarketingstrategies.us\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pinnacle-signoff-link\">\r\n <span class=\"pinnacle-prefix\">Experience Crafted by<\/span>\r\n <span class=\"pinnacle-name\">Pinnacle Marketing Strategies<\/span>\r\n <\/a>\r\n<\/section>\r\n\r\n<footer>\r\n <div class=\"wrap foot\">\r\n <div class=\"brand\">L. Whitney<span>Build Group<\/span><\/div>\r\n <small>Houston, Texas<\/small>\r\n <small>Private Residential Development<\/small>\r\n <\/div>\r\n<\/footer>\r\n\r\n<\/div><!-- \/#lw-page-root -->\r\n\r\n<script>\r\n\/*\r\n Elementor (and most page builders) nest widget output inside \"Boxed\"\r\n containers\/sections with a fixed max-width, and sometimes an ancestor\r\n with a CSS transform, which silently caps this page's width and can\r\n break position:fixed elements like the nav. This runs immediately and\r\n moves the whole page out to be a direct child of <body>, so none of\r\n that ancestor styling applies anymore, regardless of how the page\r\n builder wrapped it.\r\n*\/\r\n(function () {\r\n \"use strict\";\r\n var root = document.getElementById('lw-page-root');\r\n if (root && document.body && root.parentNode !== document.body) {\r\n document.body.insertBefore(root, document.body.firstChild);\r\n }\r\n})();\r\n<\/script>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\r\n<script>\r\n(() => {\r\n \"use strict\";\r\n\r\n const $ = (s, c=document) => c.querySelector(s);\r\n const $$ = (s, c=document) => [...c.querySelectorAll(s)];\r\n\r\n \/* ================================================================\r\n CORE UI\r\n ================================================================ *\/\r\n const nav = $('#nav');\r\n let navTicking = false;\r\n\r\n addEventListener('scroll', () => {\r\n if (navTicking) return;\r\n navTicking = true;\r\n requestAnimationFrame(() => {\r\n nav?.classList.toggle('scrolled', scrollY > 20);\r\n navTicking = false;\r\n });\r\n }, {passive:true});\r\n\r\n const menuToggle = $('#menuToggle');\r\n const mobileNav = $('#mobileNav');\r\n\r\n const setMenu = (open) => {\r\n mobileNav?.classList.toggle('open', open);\r\n document.body.classList.toggle('menu-open', open);\r\n menuToggle?.setAttribute('aria-expanded', String(open));\r\n menuToggle?.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\r\n mobileNav?.setAttribute('aria-hidden', String(!open));\r\n if (menuToggle) menuToggle.textContent = open ? '\u00d7' : '\u2630';\r\n };\r\n\r\n menuToggle?.addEventListener('click', () => setMenu(!mobileNav?.classList.contains('open')));\r\n $$('#mobileNav a').forEach(a => a.addEventListener('click', () => setMenu(false)));\r\n addEventListener('keydown', e => { if (e.key === 'Escape') setMenu(false); });\r\n\r\n \/* ================================================================\r\n VISION PREFERENCES\r\n ================================================================ *\/\r\n const chips = $$('.chip');\r\n const visionSummary = $('#visionSummary');\r\n const visionInput = $('#visionInput');\r\n\r\n const updateVision = () => {\r\n const selected = chips\r\n .filter(c => c.classList.contains('active'))\r\n .map(c => c.textContent.trim());\r\n\r\n chips.forEach(c =>\r\n c.setAttribute('aria-pressed', String(c.classList.contains('active')))\r\n );\r\n\r\n if (visionSummary) {\r\n visionSummary.innerHTML =\r\n 'Your saved vision: <strong>' +\r\n (selected.length ? selected.join(' \u00b7 ') : 'Nothing selected yet.') +\r\n '<\/strong>';\r\n }\r\n\r\n if (visionInput) visionInput.value = selected.join(', ');\r\n\r\n try { localStorage.setItem('lw_vision', JSON.stringify(selected)); }\r\n catch(_) {}\r\n };\r\n\r\n try {\r\n const saved = JSON.parse(localStorage.getItem('lw_vision') || '[]');\r\n chips.forEach(c => {\r\n if (saved.includes(c.textContent.trim())) c.classList.add('active');\r\n });\r\n } catch(_) {}\r\n\r\n chips.forEach(c => c.addEventListener('click', () => {\r\n c.classList.toggle('active');\r\n updateVision();\r\n\r\n if (window.gsap && !matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n gsap.fromTo(c, {scale:.97}, {\r\n scale:1,\r\n duration:.55,\r\n ease:'back.out(1.6)',\r\n overwrite:true\r\n });\r\n }\r\n }));\r\n updateVision();\r\n\r\n \/* ================================================================\r\n SELECTED WORK \u2014 native scrolling, exact snap targets\r\n ================================================================ *\/\r\n const rail = $('#residences');\r\n const prev = $('#workPrev');\r\n const next = $('#workNext');\r\n const progress = $('#workProgress');\r\n const cards = $$('.residence');\r\n\r\n let railTicking = false;\r\n\r\n const cardTargetLeft = (card) => {\r\n if (!rail || !card) return 0;\r\n return Math.max(\r\n 0,\r\n card.offsetLeft - ((rail.clientWidth - card.clientWidth) \/ 2)\r\n );\r\n };\r\n\r\n const nearestCardIndex = () => {\r\n if (!rail || !cards.length) return 0;\r\n const center = rail.scrollLeft + rail.clientWidth \/ 2;\r\n let bestIndex = 0;\r\n let bestDistance = Infinity;\r\n\r\n cards.forEach((card, index) => {\r\n const cardCenter = card.offsetLeft + card.clientWidth \/ 2;\r\n const distance = Math.abs(cardCenter - center);\r\n if (distance < bestDistance) {\r\n bestDistance = distance;\r\n bestIndex = index;\r\n }\r\n });\r\n\r\n return bestIndex;\r\n };\r\n\r\n const updateRailUI = () => {\r\n if (!rail) return;\r\n\r\n const max = Math.max(1, rail.scrollWidth - rail.clientWidth);\r\n const ratio = Math.max(0, Math.min(1, rail.scrollLeft \/ max));\r\n const index = nearestCardIndex();\r\n\r\n if (progress) progress.style.transform = `scaleX(${ratio})`;\r\n if (prev) prev.disabled = index <= 0;\r\n if (next) next.disabled = index >= cards.length - 1;\r\n };\r\n\r\n const goToCard = (index) => {\r\n if (!rail || !cards.length) return;\r\n\r\n const clamped = Math.max(0, Math.min(cards.length - 1, index));\r\n rail.scrollTo({\r\n left: cardTargetLeft(cards[clamped]),\r\n behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth'\r\n });\r\n };\r\n\r\n rail?.addEventListener('scroll', () => {\r\n if (railTicking) return;\r\n railTicking = true;\r\n\r\n requestAnimationFrame(() => {\r\n updateRailUI();\r\n railTicking = false;\r\n });\r\n }, {passive:true});\r\n\r\n prev?.addEventListener('click', () => goToCard(nearestCardIndex() - 1));\r\n next?.addEventListener('click', () => goToCard(nearestCardIndex() + 1));\r\n\r\n let railResizeTimer;\r\n addEventListener('resize', () => {\r\n clearTimeout(railResizeTimer);\r\n railResizeTimer = setTimeout(updateRailUI, 120);\r\n }, {passive:true});\r\n\r\n updateRailUI();\r\n\r\n \/* ================================================================\r\n FORM STATE\r\n ================================================================ *\/\r\n $('#projectReviewForm')?.addEventListener('submit', e => {\r\n e.preventDefault();\r\n\r\n const payload = {\r\n projectType: $('#projectType')?.value || '',\r\n propertyStatus: $('#property')?.value || '',\r\n timeline: $('#timeline')?.value || '',\r\n preferredArea: $('#location')?.value || '',\r\n investment: $('#investment')?.value || '',\r\n name: $('#name')?.value || '',\r\n email: $('#email')?.value || '',\r\n vision: $('#visionInput')?.value || ''\r\n };\r\n\r\n try { sessionStorage.setItem('lw_project_review', JSON.stringify(payload)); }\r\n catch(_) {}\r\n\r\n const btn = $('.submit');\r\n if (btn) {\r\n const original = btn.textContent;\r\n btn.textContent = 'Project Brief Saved';\r\n btn.disabled = true;\r\n setTimeout(() => {\r\n btn.textContent = original;\r\n btn.disabled = false;\r\n }, 1600);\r\n }\r\n });\r\n\r\n \/* ================================================================\r\n MOTION \u2014 entrance + one-time section reveals only.\r\n No pins. No scrub. No parallax. No competing tweens.\r\n ================================================================ *\/\r\n if (!window.gsap || matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n \/* HERO *\/\r\n gsap.set([\r\n '.hero .eyebrow',\r\n '.hero h1',\r\n '.hero-copy',\r\n '.hero-actions .btn',\r\n '.hero-index',\r\n '.hero-scroll'\r\n ], {autoAlpha:0});\r\n\r\n const hero = gsap.timeline({delay:.12, defaults:{ease:'power3.out'}});\r\n\r\n hero\r\n .fromTo('.hero-media img',\r\n {scale:1.085},\r\n {scale:1.02,duration:2.9,ease:'power2.out'},\r\n 0\r\n )\r\n .fromTo('.hero .eyebrow',\r\n {autoAlpha:0,y:20},\r\n {autoAlpha:1,y:0,duration:1.0},\r\n .45\r\n )\r\n .fromTo('.hero h1',\r\n {autoAlpha:0,y:44},\r\n {autoAlpha:1,y:0,duration:1.35,ease:'power4.out'},\r\n .72\r\n )\r\n .fromTo('.hero-copy',\r\n {autoAlpha:0,y:20},\r\n {autoAlpha:1,y:0,duration:1.0},\r\n 1.18\r\n )\r\n .fromTo('.hero-actions .btn',\r\n {autoAlpha:0,y:16},\r\n {autoAlpha:1,y:0,duration:.82,stagger:.14},\r\n 1.52\r\n )\r\n .fromTo('.hero-index',\r\n {autoAlpha:0,x:10},\r\n {autoAlpha:1,x:0,duration:.9},\r\n 1.72\r\n )\r\n .fromTo('.hero-scroll',\r\n {autoAlpha:0,y:8},\r\n {autoAlpha:1,y:0,duration:.8},\r\n 1.9\r\n );\r\n\r\n \/* Generic one-shot observer helper. *\/\r\n const observeOnce = (elements, callback, rootMargin='0px 0px -14% 0px') => {\r\n const obs = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting) return;\r\n obs.unobserve(entry.target);\r\n callback(entry.target);\r\n });\r\n }, {threshold:.12, rootMargin});\r\n\r\n elements.forEach(el => obs.observe(el));\r\n };\r\n\r\n \/* SECTION HEADS *\/\r\n observeOnce($$('.section-head'), head => {\r\n const items = [\r\n $('.eyebrow', head),\r\n $('h2', head),\r\n $('p', head)\r\n ].filter(Boolean);\r\n\r\n gsap.fromTo(items,\r\n {autoAlpha:0,y:26},\r\n {\r\n autoAlpha:1,\r\n y:0,\r\n duration:1.05,\r\n stagger:.14,\r\n ease:'power3.out',\r\n clearProps:'transform'\r\n }\r\n );\r\n });\r\n\r\n \/* WORK CARDS *\/\r\n observeOnce(cards, card => {\r\n const box = $('.res-img', card);\r\n const meta = $('.res-meta', card);\r\n\r\n const tl = gsap.timeline();\r\n if (box) {\r\n tl.fromTo(box,\r\n {autoAlpha:0,y:28},\r\n {autoAlpha:1,y:0,duration:1.0,ease:'power3.out'}\r\n );\r\n }\r\n if (meta) {\r\n tl.fromTo(meta,\r\n {autoAlpha:0,y:12},\r\n {autoAlpha:1,y:0,duration:.72,ease:'power2.out'},\r\n '-=.45'\r\n );\r\n }\r\n }, '0px 0px -8% 0px');\r\n\r\n \/* FOUNDER *\/\r\n observeOnce($$('.founder-grid'), section => {\r\n const photo = $('.founder-photo', section);\r\n const copy = $$('.founder-copy > *', section);\r\n\r\n const tl = gsap.timeline();\r\n if (photo) {\r\n tl.fromTo(photo,\r\n {autoAlpha:0,x:-36},\r\n {autoAlpha:1,x:0,duration:1.25,ease:'power3.out'}\r\n );\r\n }\r\n if (copy.length) {\r\n tl.fromTo(copy,\r\n {autoAlpha:0,y:24},\r\n {autoAlpha:1,y:0,duration:.9,stagger:.11,ease:'power3.out'},\r\n '-=.55'\r\n );\r\n }\r\n });\r\n\r\n \/* LIFESTYLE *\/\r\n observeOnce($$('.life-stage'), section => {\r\n const visual = $('.life-visual', section);\r\n const panelItems = $$('.life-panel > *', section);\r\n\r\n const tl = gsap.timeline();\r\n if (visual) {\r\n tl.fromTo(visual,\r\n {autoAlpha:0,x:-28},\r\n {autoAlpha:1,x:0,duration:1.2,ease:'power3.out'}\r\n );\r\n }\r\n if (panelItems.length) {\r\n tl.fromTo(panelItems,\r\n {autoAlpha:0,y:22},\r\n {autoAlpha:1,y:0,duration:.88,stagger:.10,ease:'power3.out'},\r\n '-=.45'\r\n );\r\n }\r\n });\r\n\r\n \/* METHOD *\/\r\n observeOnce($$('.method-intro'), intro => {\r\n gsap.fromTo([...intro.children],\r\n {autoAlpha:0,y:24},\r\n {\r\n autoAlpha:1,y:0,duration:.9,stagger:.12,ease:'power3.out'\r\n }\r\n );\r\n });\r\n\r\n observeOnce($$('.step'), step => {\r\n gsap.fromTo(step,\r\n {autoAlpha:0,x:24},\r\n {\r\n autoAlpha:1,\r\n x:0,\r\n duration:.9,\r\n ease:'power3.out',\r\n clearProps:'transform'\r\n }\r\n );\r\n });\r\n\r\n \/* PATHS *\/\r\n observeOnce($$('.paths-grid'), grid => {\r\n gsap.fromTo($$('.path', grid),\r\n {autoAlpha:0,y:32},\r\n {\r\n autoAlpha:1,\r\n y:0,\r\n duration:1.0,\r\n stagger:.15,\r\n ease:'power3.out',\r\n clearProps:'transform'\r\n }\r\n );\r\n });\r\n\r\n \/* CONVERSION *\/\r\n observeOnce($$('.convert-grid'), grid => {\r\n gsap.fromTo([...grid.children],\r\n {autoAlpha:0,y:30},\r\n {\r\n autoAlpha:1,\r\n y:0,\r\n duration:1.0,\r\n stagger:.16,\r\n ease:'power3.out',\r\n clearProps:'transform'\r\n }\r\n );\r\n });\r\n\r\n \/* PINNACLE MAKER'S MARK *\/\r\n observeOnce($$('.pinnacle-signoff'), signoff => {\r\n const rule = $('.pinnacle-rule', signoff);\r\n const prefix = $('.pinnacle-prefix', signoff);\r\n const name = $('.pinnacle-name', signoff);\r\n\r\n const tl = gsap.timeline();\r\n if (rule) {\r\n tl.fromTo(rule,\r\n {scaleX:0,autoAlpha:0},\r\n {scaleX:1,autoAlpha:1,duration:1.1,ease:'power3.out'}\r\n );\r\n }\r\n if (prefix) {\r\n tl.fromTo(prefix,\r\n {autoAlpha:0,y:12},\r\n {autoAlpha:1,y:0,duration:.82,ease:'power3.out'},\r\n '-=.5'\r\n );\r\n }\r\n if (name) {\r\n tl.fromTo(name,\r\n {autoAlpha:0,y:14},\r\n {autoAlpha:1,y:0,duration:1.0,ease:'power3.out'},\r\n '-=.58'\r\n );\r\n }\r\n });\r\n})();\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>L. Whitney Build Group | Houston Custom Homes L. WhitneyBuild Group Selected Work The Builder Your Vision Method Private Consultation \u2630 Selected Work The Builder Your Vision Method Private Consultation Houston, Texas \u00b7 Private Residential Development Homes built forthe life inside. A considered approach to custom residential construction \u2014 pairing architectural clarity, disciplined execution and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/400","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=400"}],"version-history":[{"count":40,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/400\/revisions"}],"predecessor-version":[{"id":551,"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/pages\/400\/revisions\/551"}],"wp:attachment":[{"href":"https:\/\/lwhitneybuildgroup.com\/home\/wp-json\/wp\/v2\/media?parent=400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}