:root{--brown:#564124;--copper:#855531;--ink:#21180f;--cream:#f7f2ea;--sand:#e8ddce;--line:rgba(86,65,36,.18);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.7 var(--sans)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:600;line-height:1.04;letter-spacing:-.03em}h1{font-size:clamp(3rem,6vw,6.3rem)}h2{font-size:clamp(2.25rem,4vw,4.4rem)}.site-header{height:96px;background:rgba(247,242,234,.95);box-shadow:0 8px 30px rgba(86,65,36,.16);position:relative;z-index:10}.nav-shell{height:100%;max-width:1280px;padding:13px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{height:70px;width:auto;display:block}.main-nav{display:flex;gap:37px}.main-nav a{color:var(--brown);text-decoration:none;font-weight:700;font-size:.92rem;position:relative}.main-nav a:after{content:'';height:2px;background:var(--copper);width:0;position:absolute;left:0;bottom:-7px;transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.menu-toggle{display:none;background:transparent;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--brown);margin:5px}.hero-slider{height:min(720px,calc(100vh - 96px));min-height:580px;position:relative;overflow:hidden;background:var(--brown)}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .9s ease;background-image:linear-gradient(90deg,rgba(20,12,6,.78),rgba(30,19,10,.33) 53%,rgba(20,12,6,.1)),var(--slide-image);background-size:cover;background-position:center}.slide.is-active{opacity:1;pointer-events:auto}.slide-inner{width:min(740px,90%);padding:120px 0;margin:auto;color:#fff;transform:translateY(14px);transition:transform 1s .1s;position:relative;z-index:2}.is-active .slide-inner{transform:translateY(0)}.hero-3d{perspective:1400px;--tilt-x:0deg;--tilt-y:0deg}.hero-3d .slide.is-active{transform:scale(1.025) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:opacity .9s ease,transform .4s ease}.hero-orbit{position:absolute;right:12vw;top:15%;width:330px;height:330px;transform-style:preserve-3d;animation:orbit 16s linear infinite;opacity:.85}.hero-orbit:before,.hero-orbit:after,.hero-orbit i{content:'';position:absolute;border:1px solid rgba(241,201,147,.58);border-radius:50%;inset:0}.hero-orbit:after{transform:rotateX(65deg)}.hero-orbit i:nth-child(1){transform:rotateY(65deg)}.hero-orbit i:nth-child(2){inset:25%;background:rgba(133,85,49,.25);box-shadow:0 0 45px rgba(241,201,147,.45)}.hero-orbit i:nth-child(3){inset:42%;border:0;background:#f1c993;box-shadow:0 0 45px #f1c993}@keyframes orbit{to{transform:rotateY(360deg) rotateX(24deg)}}.eyebrow,.section-label{font-weight:700;font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:18px}.slide .eyebrow,.light{color:#f1c993}.slide h1,.slide h2{max-width:760px;margin-bottom:22px}.slide p:not(.eyebrow){font-size:1.1rem;max-width:580px;margin-bottom:31px}.button{display:inline-block;text-decoration:none;font-weight:700;font-size:.88rem;letter-spacing:.02em;padding:13px 24px;transition:.25s}.button-light{background:#fff;color:var(--brown)}.button-light:hover{background:var(--copper);color:#fff}.button-outline{border:1px solid rgba(255,255,255,.65);color:#fff;margin-top:20px}.button-outline:hover{background:#fff;color:var(--brown)}.slider-controls{position:absolute;z-index:3;bottom:38px;left:50%;transform:translateX(-50%);display:flex;gap:11px}.slide-dot{border:0;border-radius:99px;width:30px;height:3px;background:rgba(255,255,255,.6);padding:0;cursor:pointer}.slide-dot.active{background:#fff}.section-pad{padding:112px max(6vw,30px)}.intro-grid,.story-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr .9fr;gap:105px}.intro-grid p,.story-grid p,.image-statement p,.detail-grid p{font-size:1.08rem}.text-link{color:var(--brown);text-decoration:none;font-weight:700;border-bottom:1px solid var(--copper);padding-bottom:5px;display:inline-block;margin-top:9px}.text-link span{color:var(--copper);padding-left:5px}.dark-panel{background:var(--brown);color:#fff}.feature-split,.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px}.feature-split p{max-width:650px;font-size:1.06rem}.stats{border-left:1px solid rgba(255,255,255,.22)}.stats div{padding:0 0 23px 32px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.22)}.stats strong,.stats span{display:block}.stats strong{font-family:var(--serif);font-size:1.45rem}.stats span{opacity:.72;font-size:.95rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:1200px;margin:0 auto 45px}.section-heading h2{max-width:720px;margin:0}.preview-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.preview-card{height:405px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:27px;background-size:cover;background-position:center;position:relative;overflow:hidden}.preview-card:before,.statement-image:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(15,8,3,.72));transition:.35s}.preview-card span,.preview-card h3{z-index:1;position:relative}.preview-card h3{font-family:var(--serif);font-size:1.7rem;line-height:1.12;margin:0}.image-renovation{background-image:url('../images/home-renovation-hero.png')}.image-green{background-image:url('../images/green-renovation-hero.png')}.image-smart{background-image:url('../images/smart-home-hero.png')}.image-interior,.image-paint,.image-lowvoc{background-image:url('../images/interior-painting-design.png')}.image-hvac,.image-ev,.image-efficiency{background-image:url('../images/ev-hvac-upgrade.png')}.image-integration{background-image:url('../images/smart-home-hero.png')}.cta-band{background:var(--copper);color:#fff;padding:50px max(6vw,30px);display:flex;align-items:center;justify-content:center;gap:42px}.cta-band p{font-family:var(--serif);font-size:1.8rem;margin:0}.site-footer{background:#302211;color:#f7f2ea;padding:75px max(6vw,30px) 26px;box-shadow:0 -12px 35px rgba(55,39,18,.25)}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.25fr 1.2fr .8fr;gap:70px}.footer-logo{background:#f7f2ea;padding:8px 12px;width:245px;height:auto;margin-bottom:21px}.footer-grid p{font-size:.91rem;color:#e2d5c4;max-width:390px;line-height:1.65}.footer-grid h3{color:#f1c993;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;margin:6px 0 17px}.footer-grid ul{list-style:none;padding:0;margin:0;columns:2;gap:20px}.footer-grid li{font-size:.82rem;color:#e2d5c4;margin-bottom:8px;break-inside:avoid}.footer-base{max-width:1200px;margin:53px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;color:#c7b9a8;font-size:.78rem}.footer-base a{color:#f1c993;text-decoration:none}.page-hero{min-height:485px;display:flex;align-items:flex-end;padding:70px max(6vw,30px);color:#fff;background-size:cover;background-position:center;position:relative}.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,14,5,.8),rgba(25,14,5,.18))}.page-hero>*{position:relative;max-width:1200px;width:100%;margin:auto}.about-hero{background-image:url('../images/home-renovation-hero.png')}.services-hero{background-image:url('../images/smart-home-hero.png')}.services-hero p{max-width:570px;font-size:1.05rem}.story-section{max-width:1400px;margin:auto}.principles{display:grid;grid-template-columns:1fr 1fr;gap:110px}.principles h2{font-size:clamp(2rem,3.2vw,3.5rem)}.image-statement{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px;max-width:1400px;margin:auto}.statement-image{height:510px;background-size:cover;background-position:center;position:relative}.services-intro{max-width:1050px;margin:auto;padding-bottom:42px}.services-intro h2{max-width:780px;margin-bottom:20px}.services-intro>p:last-child{font-size:1.08rem;max-width:680px}.service-deck{max-width:1400px;margin:auto;padding-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;perspective:1500px}.service-card-3d{height:510px;position:relative;overflow:hidden;background-size:cover;background-position:center;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease;box-shadow:0 20px 35px rgba(59,38,16,.2)}.service-card-3d:hover{box-shadow:0 34px 55px rgba(59,38,16,.32)}.service-card-3d:before{content:'';position:absolute;inset:0;background:linear-gradient(155deg,rgba(22,13,6,.05),rgba(25,15,7,.78));z-index:1}.service-card-3d:after{content:'';position:absolute;width:75%;height:42%;right:-25%;top:-15%;border:1px solid rgba(255,255,255,.36);transform:rotate(23deg);z-index:1}.service-card-content{position:absolute;z-index:2;bottom:0;padding:42px;color:#fff;max-width:590px;transform:translateZ(42px)}.service-card-content span{font-weight:700;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#f1c993}.service-card-content h2{font-size:clamp(2rem,3.2vw,3.35rem);margin:10px 0 16px}.service-card-content p{margin:0;max-width:490px;font-size:1rem;line-height:1.62}.contact-hero{background-image:url('../images/green-renovation-hero.png')}.contact-section{max-width:1400px;margin:auto}.contact-intro{max-width:650px;margin-bottom:54px}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.contact-card{padding:30px;background:#fff;border-top:3px solid var(--copper);min-height:190px;box-shadow:0 12px 25px rgba(86,65,36,.08)}.contact-card span{display:block;color:var(--copper);text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:700;margin-bottom:18px}.contact-card strong{display:block;font-family:var(--serif);font-size:1.28rem;line-height:1.25}.contact-card p{font-size:.86rem;line-height:1.5;margin:9px 0 0;color:#695b4b}.map-section{min-height:500px;position:relative;color:#fff;background:var(--brown);display:grid;grid-template-columns:1.1fr .9fr}.map-section iframe{width:100%;height:100%;min-height:500px;border:0;filter:saturate(.7) sepia(.15)}.map-section>div{padding:80px max(6vw,35px);align-self:center}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.shown{opacity:1;transform:none}@media(max-width:800px){.site-header{height:78px}.nav-shell{padding:8px 22px}.brand img{height:58px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);box-shadow:0 15px 20px rgba(66,45,19,.18);padding:14px 24px 23px;flex-direction:column;align-items:flex-start;gap:19px}.main-nav.open{display:flex}.hero-slider{height:610px;min-height:0}.hero-orbit{right:-110px;top:10%;width:260px;height:260px}.slide-inner{padding:90px 0 80px}.slide h1,.slide h2{font-size:clamp(2.7rem,12vw,4.3rem)}.slide p:not(.eyebrow){font-size:1rem}.section-pad{padding:76px 30px}.intro-grid,.feature-split,.story-grid,.principles,.image-statement,.detail-grid{grid-template-columns:1fr;gap:35px}.section-heading{display:block}.section-heading .text-link{margin-top:20px}.preview-grid,.contact-grid,.service-deck{grid-template-columns:1fr}.preview-card{height:290px}.service-card-3d{height:440px}.service-card-content{padding:27px}.service-card-content h2{font-size:2.2rem}.cta-band{display:block;text-align:center;padding:38px 25px}.cta-band p{margin-bottom:20px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-grid ul{columns:1}.footer-base{display:block;line-height:2.1}.footer-base a{display:block}.page-hero{min-height:400px;padding:50px 30px}.map-section{grid-template-columns:1fr}.map-section iframe{min-height:350px}.map-section>div{padding:55px 30px}.stats{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding-top:25px}.stats div{padding-left:0}.statement-image{height:340px}}
