@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17282e;--paper:#f5f4ed;--orange:#f2ac62;--line:#d7dcd4;--muted:#697471}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a35c1e;outline-offset:5px}p{line-height:1.8}h1,h2,h3,h4,p{margin-top:0}.concept{display:flex;align-items:center;gap:22px;background:#e9e9dd;padding:11px 5%;font-size:9px;letter-spacing:1.5px}.concept>span{font-weight:bold}.concept p{margin:0;font-size:10px;letter-spacing:0}.concept a{margin-left:auto;letter-spacing:0;font-size:10px}header{display:flex;align-items:center;padding:25px 5%;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;gap:13px;align-items:center}.brand>svg,.footer-bolt{color:#b86d30}.brand>span:last-child{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:25px;letter-spacing:2px;line-height:1.15}.brand small{display:block;font-size:7px;letter-spacing:1.8px;font-weight:500;margin-top:7px}header nav{display:flex;gap:32px;margin-left:auto;font-size:12px}header nav a:hover{color:#a35c1e}.header-phone{font-size:13px;border-left:1px solid var(--line);padding:10px 0 10px 30px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:1600px;margin:auto;padding:58px 5% 60px}.hero-copy{padding:35px 0 0}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#a56329}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(50px,5.5vw,87px);font-weight:500;line-height:1.1;letter-spacing:-4px;margin:30px 0}em{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-style:italic}h1 em{font-size:1.23em;letter-spacing:-4px}.hero-description{max-width:385px;color:var(--muted);font-size:14px;line-height:1.9}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:33px;padding:19px 23px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.btn.orange{background:var(--orange);color:var(--ink)}.btn:hover{background:#e3a053;transform:translateY(-2px)}.btn b{font-size:20px;font-weight:normal}.secondary{font-size:11px;border-bottom:1px solid var(--ink);padding:8px 0;display:flex;gap:16px}.hero-bottom{display:flex;gap:15px;align-items:center;margin-top:48px}.tiny-bolt{font-size:32px;color:#b57a3f}.hero-bottom p{font-size:8px;letter-spacing:1px;line-height:1.8;margin:0}.hero-bottom strong{font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted)}.illustration{background:var(--ink);color:#e1e9db;position:relative;overflow:hidden;padding-bottom:17px;align-self:stretch;display:flex;flex-direction:column}.drawing-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding:24px 25px 0;color:#c0cdc0}.house{width:100%;display:block;margin-top:10px;flex:1;min-height:360px}.windows,.light-glow,.electric-line{transition:opacity .5s}.illustration.dark .windows,.illustration.dark .light-glow{opacity:0}.illustration.dark .electric-line{opacity:.25}.light-control{display:flex;align-items:center;justify-content:space-between;background:#294044;margin:0 22px;padding:16px;gap:16px}.light-control>div{display:flex;align-items:center;gap:10px}.switch-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.illustration.dark .switch-dot{background:#91a098}.light-control p{margin:0;font-size:11px;line-height:1.6}.light-control small{display:block;font-size:9px;color:#b5c4ba}#light-switch{width:42px;height:24px;flex-shrink:0;border:0;border-radius:20px;background:var(--orange);padding:3px}#light-switch span{display:block;width:18px;height:18px;background:var(--ink);border-radius:50%;transform:translateX(18px);transition:transform .2s}#light-switch[aria-checked=false]{background:#859890}#light-switch[aria-checked=false] span{transform:translateX(0)}.illustration-caption{font-size:7px;letter-spacing:.3px;text-align:center;color:#aabdb2;margin:12px 12px 0}.connection-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.4px}.connection-strip>span:nth-child(2n){color:#a9b1a0}.connection-strip a{font-size:11px;letter-spacing:0}.section{padding:90px 5%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(38px,4vw,58px);line-height:1.15;letter-spacing:-2.4px;margin:20px 0 0}h2 em{letter-spacing:-1.6px}.section-head>p{max-width:320px;font-size:13px;color:var(--muted);margin-bottom:5px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid var(--line);padding:26px;transition:background .2s,transform .2s}.project-card:hover{background:#eaece1;transform:translateY(-4px)}.card-top{display:flex;align-items:center;justify-content:space-between;color:#8c988d;font-size:11px;margin-bottom:45px}.card-top svg{width:40px;height:40px;stroke:#527168;stroke-width:1.2;fill:none;stroke-linejoin:round;stroke-linecap:round}.project-card h3{font-size:24px;font-weight:500;letter-spacing:-.8px;margin-bottom:13px}.project-card h4{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;font-weight:500;margin-bottom:17px;color:#a15d27}.project-card p{font-size:12px;line-height:1.9;color:var(--muted);min-height:70px}.card-bottom{display:flex;justify-content:space-between;padding-top:20px;margin-top:25px;border-top:1px solid var(--line);font-size:11px}.card-bottom b{font-size:18px;font-weight:normal}.scope-note{font-size:9px;color:var(--muted);margin:22px 0 0}.local{display:grid;grid-template-columns:1fr 1fr;background:#e9ece2;gap:70px;padding:70px 5%}.local-art{background:#304942;position:relative;overflow:hidden;min-height:430px;display:grid;place-items:center}.local-art>svg{position:relative;width:100%;height:100%;z-index:1}.map-ring{position:absolute;border:1px solid #9fba9c2b;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:150px;height:150px}.r2{width:280px;height:280px}.r3{width:410px;height:410px}.map-label{position:absolute;z-index:2;top:70%;left:50%;transform:translateX(-50%);color:#eef1e3;font-size:14px;text-align:center;letter-spacing:3px;white-space:nowrap}.map-label small{display:block;font-size:8px;letter-spacing:4px;margin-top:8px}.map-caption{position:absolute;z-index:2;bottom:17px;left:20px;color:#a7bdb0;font-size:8px}.local-copy{align-self:center;padding:10px 0;max-width:440px}.local-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:26px 0}.local-fact{display:flex;gap:20px;padding:20px 0;border-top:1px solid #cad1c5}.local-fact>span{font-size:11px;color:#9c7147}.local-fact p{font-size:11px;color:var(--muted);margin:0}.local-fact strong{display:block;color:var(--ink);font-weight:500;font-size:13px;margin-bottom:3px}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid var(--ink);padding:12px 0;font-size:12px;margin-top:10px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:clamp(44px,5vw,70px);margin-bottom:25px}.contact>div>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:330px}.big-phone{font-size:32px;letter-spacing:-1px;display:inline-block;border-bottom:1px solid #c1c9bc;padding-bottom:16px;margin-top:15px}.big-phone span{font-size:23px;margin-left:18px}.contact-location{font-size:10px;line-height:2;letter-spacing:1px;margin-top:22px}form{background:#fff;padding:32px;border:1px solid var(--line)}.form-head{display:flex;align-items:center;gap:15px;justify-content:space-between}.form-head h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:0}.form-head span{font-size:7px;letter-spacing:1px;background:#f7e9d4;padding:7px;white-space:nowrap}.form-note{font-size:10px;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line);margin:15px 0 22px}label{display:block;font-size:11px;font-weight:500;margin-bottom:18px}input,select,textarea{display:block;width:100%;background:#fafaf5;color:var(--ink);border:1px solid var(--line);padding:12px;margin-top:8px;border-radius:0;font-size:12px;min-height:44px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .btn{width:100%}form>small{font-size:9px;color:var(--muted);display:block;line-height:1.8;margin-top:15px;text-align:center}.result{background:#f5ebd9;padding:20px;font-size:12px;line-height:1.8;white-space:pre-wrap;margin-top:18px}.result[hidden]{display:none}.personal-note{padding:65px 10%;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 2fr;gap:50px}.note-mark{font-size:8px;letter-spacing:2px;margin-top:15px;color:var(--orange)}.personal-note h2{font-size:40px;margin:0 0 30px}.personal-note p{font-size:13px;max-width:540px;color:#c8d2c7}.signature{font-family:Georgia,serif;font-size:38px;font-style:italic;color:var(--orange);display:block;margin-top:25px}.personal-note small{font-size:9px;color:#bdc9be;display:block;margin-top:10px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-bolt{font-size:48px;line-height:1}footer p{font-size:8px;line-height:1.8;color:var(--muted);margin:0;max-width:450px}footer>a:last-child{font-size:12px;white-space:nowrap}
@media(min-width:1600px){.local,.personal-note,footer,header,.connection-strip{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1100px){header nav{gap:20px}.header-phone{padding-left:20px}.hero{gap:25px}.hero-copy{padding-top:20px}h1{font-size:59px;letter-spacing:-3px}.actions{gap:16px}.btn{padding:17px 18px;gap:20px}.project-card{padding:22px}.project-card h3{font-size:21px}.project-card p{min-height:92px}.local,.contact{gap:40px}.form-head h3{font-size:18px}.form-head span{font-size:6px}footer .brand>span:last-child{font-size:20px}}
@media(max-width:760px){.concept{padding:10px 5%;gap:10px;flex-wrap:wrap}.concept>span{font-size:7px}.concept p{font-size:9px}.concept a{display:none}header{padding:20px 5%;gap:15px}header .brand>span:last-child{font-size:20px}.brand small{font-size:6px;letter-spacing:1.3px}.brand svg{width:24px;height:34px}header nav{display:none}.header-phone{margin-left:auto;padding-left:0;border:0;font-size:11px}.hero{grid-template-columns:1fr;padding:30px 5% 35px;gap:30px}.hero-copy{padding:0}h1{font-size:56px;letter-spacing:-3px;line-height:1.15;margin:23px 0}.hero-description{font-size:13px;max-width:420px}.actions{gap:20px}.btn{font-size:11px;padding:17px 19px}.hero-bottom{margin-top:30px}.house{min-height:290px}.illustration{padding-bottom:14px}.drawing-label{font-size:7px;padding:20px 20px 0}.light-control{padding:14px;margin:0 16px}.light-control p{font-size:10px}.connection-strip{padding:20px 5%;font-size:8px;letter-spacing:.5px;gap:15px;flex-wrap:wrap;justify-content:center}.connection-strip>span:nth-child(4),.connection-strip>a{display:none}.section{padding:60px 5%}.section-head{display:block}.section-head>p{margin:22px 0 0}h2{font-size:39px;letter-spacing:-1.8px}.project-grid{grid-template-columns:1fr;gap:15px}.project-card{padding:25px}.card-top{margin-bottom:28px}.project-card h3{font-size:26px}.project-card p{min-height:0;max-width:400px;font-size:13px}.card-bottom{margin-top:20px;padding-top:18px}.scope-note{font-size:8px}.local{grid-template-columns:1fr;padding:45px 5%;gap:35px}.local-art{min-height:330px}.local-art svg{max-height:350px}.local-copy{max-width:none}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:52px}.big-phone{font-size:30px}form{padding:25px}.form-head h3{font-size:20px}.form-row{grid-template-columns:1fr;gap:0}.personal-note{grid-template-columns:1fr;padding:45px 7%;gap:25px}.personal-note h2{font-size:35px}.personal-note p{font-size:13px}.note-mark{margin:0}footer{flex-wrap:wrap;gap:25px}footer p{order:3;max-width:none;width:100%;border-top:1px solid var(--line);padding-top:20px}footer .brand{gap:8px}footer>a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
