:root{--navy:#292d3b;--orange:#b96d32;--ink:#292d3b;--muted:#667784;--soft:#f4f1ea;--line:#d8e0e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.08}p{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding-left:42px;padding-right:42px}.proof{background:#eaf0f3;padding:7px max(42px,calc((100vw - 1116px)/2));display:flex;justify-content:space-between;gap:18px;color:#657683;font-size:10px;letter-spacing:.02em}.site-header{max-width:1200px;margin:auto;min-height:92px;padding:16px 42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:flex;font-size:33px;font-weight:800;letter-spacing:-.12em;line-height:1}.brand-mark i{color:#1260a2;font-style:normal}.brand-mark b{color:var(--orange)}.brand-name{display:flex;flex-direction:column;gap:3px}.brand-name strong{font-size:18px;letter-spacing:.025em}.brand-name small{font-size:8px;font-weight:bold;letter-spacing:.36em}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px}.desktop-nav>a:not(.nav-button):hover,footer a:hover,.text-link:hover{color:var(--orange)}.nav-button,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:white!important;font-size:13px;font-weight:bold;padding:14px 21px;min-height:47px;transition:background .2s,transform .2s}.button:hover,.nav-button:hover{background:#9c5424;transform:translateY(-2px)}.mobile-menu{display:none}.hero{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(11,34,51,.98),rgba(11,34,51,.87) 37%,rgba(11,34,51,.1) 78%),url('designs/restaurant.jpg') center/cover;color:white}.hero-content{width:100%;padding-top:75px;padding-bottom:75px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:var(--orange);margin-bottom:17px}.hero h1{font-size:clamp(42px,5.2vw,72px);max-width:700px;color:white}.hero .lead{max-width:550px;color:#e8edf1;font-size:19px;line-height:1.5;margin-top:25px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.outline{border:1px solid #fff;background:transparent}.outline:hover{background:rgba(255,255,255,.15)}.image-note{position:absolute;right:25px;bottom:14px;background:#292d3bbb;padding:4px 7px;color:#eee;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.industries{background:var(--navy);color:white}.industries .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:20px;padding-bottom:20px;font-size:13px}.section{padding:86px 0 90px}.section.muted{background:var(--soft)}.section-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:50px;margin-bottom:56px}.section-intro>p{max-width:380px}.section h2{font-size:clamp(31px,3.5vw,46px);max-width:720px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cards article{border-top:2px solid #8ea0ad;padding:20px 12px 0 0}.cards h3{font-size:20px;margin:12px 0}.cards p{font-size:15px}.number{font-size:13px;color:var(--orange);font-weight:bold}.text-link{display:inline-block;font-size:13px;font-weight:bold;margin-top:16px}.project-photo{height:260px;background-size:cover;background-position:center;position:relative}.restaurant{background-image:url('designs/restaurant.jpg')}.golf{background-image:url('designs/golf.jpg')}.salon{background-image:url('designs/salon.jpg')}.project-photo span{position:absolute;right:8px;bottom:8px;background:#292d3bcc;color:white;padding:5px;font-size:9px;text-transform:uppercase}.project-type{color:var(--orange);font-size:11px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;margin-top:20px}.project h3{font-size:23px;margin:10px 0}.project>p:last-child{font-size:15px}.project:hover h3{text-decoration:underline}.why{margin-top:63px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.quotes{margin-top:48px}.quotes article{background:white;border:1px solid var(--line);padding:32px;min-height:230px}.quotes article>span{background:#fbe5d9;color:#a14a1b;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:bold;padding:6px 9px}.quotes h3{font-size:19px;margin:24px 0 15px}.quotes p{font-size:14px}.quotes small{display:block;color:#8c99a2;margin-top:22px}.end-cta{background:var(--navy);color:white;padding:57px 0}.end-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.end-cta h2{font-size:37px;color:white}.end-cta p{color:#d0dce4;margin-top:12px}footer{background:#0a1d2c;color:white;padding:27px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand-name strong{font-size:14px}footer .brand-mark{font-size:28px}footer nav{display:flex;gap:27px;font-size:12px}.draft-note{text-align:center;background:#e8ebed;color:#657683;font-size:12px;padding:12px 20px}
@media(max-width:800px){.wrap{padding-left:25px;padding-right:25px}.proof{padding:7px 25px}.site-header{padding:16px 25px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative;font-weight:bold}.mobile-menu summary{cursor:pointer;list-style:none;padding:8px}.mobile-menu nav{position:absolute;right:0;top:38px;z-index:5;min-width:180px;background:white;box-shadow:0 8px 30px #292d3b33;display:flex;flex-direction:column;padding:15px;gap:12px}.hero{min-height:560px;background-position:60% center}.hero h1{font-size:clamp(43px,8vw,60px)}.section{padding:65px 0}.section-intro{grid-template-columns:1fr;gap:15px;margin-bottom:35px}.three{gap:18px}.project-photo{height:180px}.industries .wrap{grid-template-columns:repeat(2,1fr)}footer .wrap{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.proof span:last-child{display:none}.brand-name strong{font-size:14px}.brand-name small{font-size:7px}.brand-mark{font-size:28px}.hero{min-height:620px;background:linear-gradient(90deg,rgba(11,34,51,.94),rgba(11,34,51,.75)),url('designs/restaurant.jpg') center/cover}.hero .lead{font-size:17px}.actions{align-items:flex-start;flex-direction:column}.three,.two{grid-template-columns:1fr}.cards article{padding-bottom:22px}.project-photo{height:230px}.section h2{font-size:34px}.why{margin-top:38px}.end-cta>.wrap{align-items:flex-start;flex-direction:column}.end-cta h2{font-size:31px}footer nav{flex-wrap:wrap;gap:12px}.industries .wrap{font-size:12px}.image-note{font-size:8px}}
.desktop-nav .nav-group{position:relative}.desktop-nav .nav-group>a{display:block;white-space:nowrap;padding:12px 0}.desktop-nav .nav-group>a:hover,.desktop-nav .nav-group:focus-visible{color:var(--orange)}.desktop-nav .nav-group>a span{font-size:11px}.desktop-nav .nav-sub{position:absolute;left:0;top:100%;z-index:30;min-width:225px;background:white;box-shadow:0 12px 30px #292d3b33;border:1px solid var(--line);padding:8px;display:none;flex-direction:column}.desktop-nav .nav-group:hover .nav-sub,.desktop-nav .nav-group:focus-within .nav-sub{display:flex}.desktop-nav .nav-sub a{display:block;padding:10px 12px;white-space:nowrap}.desktop-nav .nav-sub a:hover,.desktop-nav .nav-sub a:focus-visible{color:var(--orange);background:var(--soft)}@media(max-width:800px){.mobile-menu nav{max-height:75vh;overflow-y:auto;min-width:235px}.mobile-menu nav a{padding:4px 0}.mobile-menu nav a:hover{color:var(--orange)}}
/* Standalone transparent brand artwork. */
.brand{flex:none}.brand-logo{display:block;width:238px;height:auto;object-fit:contain}.site-header{min-height:94px}footer{background:var(--navy)}footer .brand-logo-inverse{width:220px;height:74px;background-color:#f4f1ea;-webkit-mask-image:url("assets/legacy-builders-logo-transparent.png");mask-image:url("assets/legacy-builders-logo-transparent.png");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.hero{background:linear-gradient(90deg,rgba(41,45,59,.98),rgba(41,45,59,.85) 37%,rgba(41,45,59,.1) 78%),url("designs/restaurant.jpg") center/cover}@media(max-width:800px){.brand-logo{width:178px}.site-header{min-height:80px}footer .brand-logo-inverse{width:220px}}@media(max-width:600px){.hero{background:linear-gradient(90deg,rgba(41,45,59,.95),rgba(41,45,59,.76)),url("designs/restaurant.jpg") center/cover}}

/* Retain navy and amber on the LB mark while keeping footer wordmark warm white. */
footer .brand.inverse{position:relative}footer .brand-logo-inverse{clip-path:inset(0 0 0 32%);-webkit-clip-path:inset(0 0 0 32%)}footer .brand-footer-mark{position:absolute;left:0;top:0;width:220px;height:74px;object-fit:contain;clip-path:inset(0 68% 0 0);pointer-events:none}

/* Warm white L over the footer mark; retain the amber B and white wordmark. */
footer .brand.inverse::after{content:"";position:absolute;left:0;top:0;width:220px;height:74px;background:#f4f1ea;-webkit-mask:url("assets/legacy-builders-logo-transparent.png") center/contain no-repeat;mask:url("assets/legacy-builders-logo-transparent.png") center/contain no-repeat;clip-path:polygon(5% 9%,9.6% 9%,9.6% 62.5%,22.8% 62.5%,22.8% 72.5%,5% 72.5%);pointer-events:none}

/* Header tagline uses the same charcoal gray as LEGACY BUILDERS. */
.site-header .brand{position:relative}.site-header .brand::after{content:"";position:absolute;left:0;top:0;width:238px;aspect-ratio:2172 / 724;background:#55565a;-webkit-mask:url("assets/legacy-builders-logo-transparent.png") center/contain no-repeat;mask:url("assets/legacy-builders-logo-transparent.png") center/contain no-repeat;clip-path:inset(74% 0 10% 32%);pointer-events:none}@media(max-width:800px){.site-header .brand::after{width:178px}}

/* Prominent tap-to-call links in the shared header and footer. */
.header-phone,.footer-phone,.mobile-phone{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-weight:700}.header-phone .phone-text,.footer-phone>span:last-child{display:flex;flex-direction:column;line-height:1.22}.header-phone small,.footer-phone small{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.header-phone strong{font-size:14px}.phone-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff}.phone-icon svg{width:19px;height:19px;fill:currentColor}.header-phone:hover strong,.footer-phone:hover strong{color:var(--orange)}.desktop-nav{gap:19px}.mobile-phone{display:none}footer .footer-phone{margin-left:auto;color:#f4f1ea}footer .footer-phone small{color:#d4d8df;font-size:10px}footer .footer-phone strong{font-size:18px}footer nav{margin-left:24px;gap:18px;align-items:center}footer .wrap{flex-wrap:wrap}@media(max-width:800px){.mobile-phone{display:inline-flex;margin-left:auto;gap:6px;font-size:12px}.mobile-phone .phone-icon{width:32px;height:32px}.site-header{gap:12px}footer .footer-phone{margin-left:0}footer nav{margin-left:0}}@media(max-width:480px){.mobile-phone span:last-child{display:none}.site-header{gap:5px}.mobile-menu summary{padding:7px 3px}footer .footer-phone small{white-space:normal}footer .footer-phone strong{font-size:16px}}
@media(min-width:801px) and (max-width:1120px){.desktop-nav{display:none}.mobile-menu{display:block;position:relative;font-weight:bold}.mobile-menu summary{cursor:pointer;list-style:none;padding:8px}.mobile-menu nav{position:absolute;right:0;top:38px;z-index:5;min-width:235px;max-height:75vh;overflow-y:auto;background:white;box-shadow:0 8px 30px #292d3b33;display:flex;flex-direction:column;padding:15px;gap:12px}.mobile-menu nav a{padding:4px 0}.mobile-phone{display:inline-flex;margin-left:auto}}

/* Testimonials page sections and paired calls to action. */
.testimonial-section .testimonial-intro{max-width:800px;margin-top:18px;font-size:17px;line-height:1.65}.testimonial-section .quotes{margin-top:34px}.testimonial-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:800px){.testimonial-cta-actions{justify-content:flex-start}}.desktop-nav .nav-group:nth-child(2) .nav-sub{min-width:310px}
/* Vector wordmarks use the original blue/orange LB with lighter lettering. */
.site-header .brand::after,footer .brand.inverse::after{display:none}
footer .brand-logo-inverse{display:block;width:238px;height:auto;background:none;-webkit-mask:none;mask:none;clip-path:none;-webkit-clip-path:none}
@media(max-width:800px){footer .brand-logo-inverse{width:220px}}
/* Original supplied LB mark, shown beside the lighter horizontal wordmark. */
.brand{gap:10px}
.brand-monogram{position:relative;display:block;flex:none;width:58px;height:58px;overflow:hidden}
.brand-monogram img{position:absolute;display:block;max-width:none;width:94.4px;height:auto;left:-18.1px;top:0}
.brand-wordmark{display:block;white-space:nowrap;color:#727272;font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.01}
.brand-wordmark>span{display:block;font-size:18px;letter-spacing:.17em}
.brand-wordmark small{display:block;margin-top:6px;color:#b96d32;font-size:8px;font-weight:400;letter-spacing:.23em;line-height:1.1}
footer .brand.inverse .brand-wordmark,footer .brand.inverse .brand-wordmark small{color:#f4f1ea}
@media(max-width:800px){.brand-monogram{width:48px;height:48px}.brand-monogram img{width:78.1px;left:-15px}.brand-wordmark>span{font-size:15px}.brand-wordmark small{font-size:6.7px;margin-top:5px}}
@media(max-width:390px){.brand{gap:6px}.brand-monogram{width:43px;height:43px}.brand-monogram img{width:70px;left:-13.5px}.brand-wordmark>span{font-size:13.5px}.brand-wordmark small{font-size:6px}}
/* Source artwork retains the original letterforms; the LB orange and actions match #E0610C. */
:root{--orange:#e0610c}
.brand-mark-exact{display:block;flex:none;width:58px;height:58px;object-fit:contain}
.brand-type-exact{display:block;width:148px;height:auto}
.brand-wordmark small{margin-top:4px;color:var(--orange);font-size:8px;letter-spacing:.22em}
footer .brand.inverse .brand-wordmark small{color:#f4f1ea}
.button:hover,.nav-button:hover{background:#b94f09}
@media(max-width:800px){.brand-mark-exact{width:48px;height:48px}.brand-type-exact{width:122px}.brand-wordmark small{font-size:6.7px;margin-top:4px}}
@media(max-width:390px){.brand-mark-exact{width:43px;height:43px}.brand-type-exact{width:110px}.brand-wordmark small{font-size:6px}}

/* Exact logo palette from approved brand review. */
header .brand-wordmark small{color:#4d4d4f}