:root{--ink:#0b2032;--green:#a8c73a;--paper:#f5f6f2;--muted:#52616b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #658300;outline-offset:5px}.skip{position:absolute;left:0;top:-90px;background:white;padding:12px;z-index:9}.skip:focus{top:0}.preview{padding:8px 5%;background:var(--ink);color:#fff;font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.preview button{border:0;background:transparent;color:white;text-decoration:underline;font-size:12px}header{max-width:1440px;padding:24px 5%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover{color:#607c00}.navcta{padding:11px 20px;border:1px solid #d3d9dc}.navcta span{margin-left:20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;max-width:1440px;margin:16px auto 0;padding-left:5%;gap:3%}.hero-copy{padding:46px 0 25px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;margin:0 0 25px}.eyebrow i{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.7vw,72px);line-height:1.08;letter-spacing:-2.7px;margin-bottom:30px;font-weight:500}h1 em{font-style:normal;color:#607b17}h2{font-size:clamp(32px,3.3vw,48px);line-height:1.12;letter-spacing:-1.6px;font-weight:500;margin-bottom:24px}h3{font-size:25px;line-height:1.2;letter-spacing:-.5px;font-weight:500}.intro{font-size:23px;line-height:1.35;max-width:450px}.sub{font-size:16px;color:var(--muted);max-width:455px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:35px}.button{background:var(--ink);color:white;padding:17px 23px;display:inline-flex;gap:28px;align-items:center;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#264355;transform:translateY(-3px)}.textlink{font-size:14px;border-bottom:1px solid #96aa68;padding-bottom:7px}.hero-bottom{display:flex;gap:22px;font-size:12px;color:var(--muted);border-top:1px solid #dce1df;margin-top:45px;padding-top:18px;max-width:450px}.hero-art{margin:0;position:relative;min-height:580px;overflow:hidden;background:var(--ink)}.hero-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:68% center}.hero-art:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0b2032c9)}.hero-art figcaption{position:absolute;bottom:28px;left:30px;right:24px;color:white;z-index:1;font-size:22px}.hero-art small{font-size:10px;opacity:.85}.technical{position:absolute;top:25px;left:25px;right:25px;display:flex;gap:8px;color:white;font-size:9px;letter-spacing:1px}.technical span{border:1px solid #ffffff77;padding:5px 8px}.section{max-width:1300px;margin:auto;padding:90px 4%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:35px}.section-head p:last-child{max-width:350px;color:var(--muted)}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.path{border:1px solid #dce1df;transition:transform .25s,box-shadow .25s;display:block}.path:hover{transform:translateY(-7px);box-shadow:0 16px 35px #0b203212}.drawing{background:#eff2e9;padding:10px 15px 20px}.business{background:#eaf0f2}.condo{background:#f0eee7}.drawing svg{width:100%;height:auto;display:block;fill:none;stroke:#33505f;stroke-width:2;stroke-linejoin:round}.drawing .green{stroke:#729300;stroke-width:3}.drawing .ground{stroke:#a7b3b6}.drawing .sun{fill:#cddc96;stroke:none}.drawing>span{font-size:9px;letter-spacing:2px;color:#4d6165}.path-copy{padding:30px 24px}.path-copy .eyebrow{font-size:9px;margin-bottom:14px}.path-copy h3{display:flex;justify-content:space-between}.path-copy h3 span{color:#6a881e;transition:transform .2s}.path:hover h3 span{transform:translate(3px,-3px)}.path-copy p{color:var(--muted);font-size:15px}.path-copy strong{font-size:12px;font-weight:500;border-bottom:1px solid #a8c73a;padding-bottom:5px}.method{background:var(--paper);max-width:none;padding-left:max(5%,calc((100vw - 1196px)/2));padding-right:max(5%,calc((100vw - 1196px)/2))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #cbd5c1;padding-top:30px}.stepnum{display:block;color:#728a3d;font-size:14px;margin-bottom:25px}.steps p{color:var(--muted);font-size:15px}.method-note{font-size:12px;color:var(--muted);margin-top:35px;margin-bottom:0}.service-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.plan{margin:0}.plan img{width:100%;height:430px;object-fit:cover;display:block}.plan figcaption{color:var(--muted);font-size:11px;margin-top:12px}.plan small{font-size:10px}.service-list{margin-top:35px}.service-list a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d3dcdf;padding:20px 0;font-size:15px;transition:padding .2s}.service-list a:hover{padding-left:10px;color:#607b17}.studio{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #dce1df}.studio h2{font-size:64px}.dot{color:#93ae34}.qualification{font-size:14px;color:var(--muted)}blockquote{margin:0 0 20px;font-size:29px;line-height:1.3;border-left:3px solid var(--green);padding-left:25px}.studio>div>p:not(.eyebrow){max-width:470px}.editor-note{font-size:11px;color:#637166;background:#f2f4eb;padding:12px;margin-top:28px}.hub{background:#eef1eb;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hub p{max-width:410px}.orbit{height:320px;width:320px;border:1px solid #a2b789;border-radius:50%;margin:auto;position:relative;display:grid;place-items:center}.orbit:before{content:"";position:absolute;inset:35px;border:1px solid #bfcab3;border-radius:50%}.orbit b{text-align:center;font-size:28px;line-height:1.2;font-weight:400}.orbit span{position:absolute;padding:7px 12px;background:#eef1eb;font-size:10px;letter-spacing:1px}.orbit span:nth-child(1){top:-13px}.orbit span:nth-child(2){bottom:40px;right:-20px}.orbit span:nth-child(3){left:-55px;bottom:70px}.contact{background:var(--ink);color:white;text-align:center;margin-top:70px;max-width:none}.contact h2{font-size:clamp(40px,4.8vw,66px)}.contact .eyebrow{color:#bdd56b}.contact p{color:#d6dfe5}.light{background:var(--green);color:var(--ink);margin-top:18px}.light:hover{background:#c4df65}.contact-links{margin-top:28px;display:flex;justify-content:center;gap:30px;font-size:14px}footer{max-width:1300px;margin:auto;padding:50px 4%;display:flex;justify-content:space-between;gap:40px;font-size:12px}footer p{color:var(--muted);margin:10px 0}footer a{text-decoration:underline}footer img{align-self:start}.reveal{opacity:1}.motion-on .reveal.pending{opacity:0;transform:translateY(20px)}.motion-on .reveal{transition:opacity .65s ease,transform .65s ease}.motion-on .hero-copy{animation:enter .65s ease both}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:950px){nav{gap:16px}.hero{gap:20px;padding-left:4%}.hero-art{min-height:610px}.actions{gap:18px}.paths{gap:12px}.path-copy{padding:24px 18px}.path-copy h3{font-size:23px}.service-section,.studio{gap:30px}.section{padding:65px 4%}}@media(max-width:680px){header{padding:18px 5%;flex-wrap:wrap}header img{width:110px;height:auto}nav{width:100%;justify-content:space-between;font-size:12px;gap:8px}.navcta{padding:6px 9px}.navcta span{display:none}.hero{display:flex;flex-direction:column;padding:0;margin:0}.hero-copy{padding:35px 5% 10px}h1{font-size:48px;letter-spacing:-2px}.hero-art{min-height:350px;margin-top:20px}.hero-art img{object-position:center 55%}.hero-art figcaption{font-size:20px}.eyebrow{font-size:10px}.intro{font-size:22px}.hero-bottom{margin-top:30px}.section-head{display:block;margin-bottom:30px}.paths,.steps,.service-section,.studio,.hub{grid-template-columns:1fr;gap:30px}.section{padding:55px 5%}.drawing svg{max-height:210px}.path-copy{padding:25px}.steps{gap:25px}.stepnum{margin-bottom:10px}.steps article{border-bottom:1px solid #dce1df;padding-bottom:15px}.plan img{height:300px}.studio h2{font-size:55px}.orbit{width:250px;height:250px;margin:30px auto}.orbit span:nth-child(3){left:-25px}.contact{margin-top:30px}.contact-links{flex-direction:column;gap:10px}footer{flex-direction:column;padding:35px 5%}.preview{font-size:9px;letter-spacing:.5px}.preview button{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-on .reveal.pending{opacity:1;transform:none}}body.reduce-motion *{animation:none!important;transition:none!important}html:has(body.reduce-motion){scroll-behavior:auto}

.studio{align-items:center}.portrait{margin:0;align-self:center}.portrait img{display:block;width:100%;height:auto;max-width:540px;margin:auto}.portrait figcaption{font-size:11px;color:var(--muted);padding-top:12px;border-top:2px solid var(--green);margin-top:10px}.studio blockquote{font-size:24px;margin-top:28px}@media(max-width:680px){.portrait{max-width:410px;margin:auto}.studio h2{font-size:48px}}

footer{flex-wrap:wrap}#motion{border:1px solid #c7d0d5;background:white;color:#334d5e;padding:8px 12px;font-size:12px;align-self:start}