:root{--ink:#17211b;--muted:#68736c;--cream:#f3f0e7;--green:#214b35;--lime:#d7e84d;--line:#d7d9d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{color:var(--ink);background:#f8f7f2;margin:0;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #668169}img{object-fit:cover;width:100%;height:100%;display:block}h1,h2,h3,p,figure{margin:0}.wrap{width:90%;margin-inline:auto}.header{border-bottom:1px solid var(--line);z-index:10;background:#f8f7f2;justify-content:space-between;align-items:center;gap:24px;width:100%;height:82px;padding:0 5vw;display:flex;position:sticky;top:0}.brand-name{letter-spacing:-1px;font:800 22px Manrope,sans-serif}.brand-name span{color:#6e8a70;letter-spacing:1.5px;font-size:11px;font-weight:700;display:block}.header nav{gap:34px;font-size:14px;display:flex}.header nav a:hover,.text-link:hover{opacity:.6}.header .header-cta{color:var(--ink);background:0 0;gap:8px;padding:0;font-size:14px;font-weight:700}.menu,.mobile-nav{display:none}.eyebrow{letter-spacing:2px;color:#708072;margin:0 0 20px;font-size:12px;font-weight:700;line-height:1.5}.hero{background:var(--cream);grid-template-columns:1fr 1fr;gap:5vw;min-height:690px;padding:7vw 5vw 6vw;display:grid}.hero-copy{align-self:center;min-width:0;max-width:680px}.hero h1{letter-spacing:-4px;overflow-wrap:normal;margin:0 0 30px;font:800 clamp(48px,6vw,86px)/.98 Manrope,sans-serif}.hero h1 em{color:#668169;font-style:normal}.lead{color:#56615a;max-width:600px;font-size:18px;line-height:1.65}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:38px;display:flex}.button{background:var(--green);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:30px;padding:17px 21px;font-size:14px;font-weight:700;line-height:1.5;display:inline-flex}.button:hover{background:#163524}.text-link{align-items:center;gap:12px;font-size:14px;font-weight:700;display:inline-flex}.hero-visual{min-height:520px;position:relative}.hero-visual>img{object-position:50% center;position:absolute;inset:0}.hero-card{background:var(--lime);flex-direction:column;gap:7px;width:240px;padding:24px;display:flex;position:absolute;bottom:32px;right:-20px}.hero-card span{font-size:14px;line-height:1.4}.proof{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);padding:32px 5vw;display:grid}.proof div{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding-left:30px;display:flex}.proof div:first-child{padding-left:0}.proof div:last-child{border:0}.proof strong{letter-spacing:-1px;font:800 clamp(18px,2.2vw,32px) Manrope,sans-serif}.proof span{color:var(--muted);font-size:14px}.section{padding-top:110px;padding-bottom:110px}h2{letter-spacing:-3px;margin:0 0 22px;font:800 clamp(42px,5vw,70px)/1 Manrope,sans-serif}h3{letter-spacing:-1px;font:700 28px/1.2 Manrope,sans-serif}.section-heading{max-width:760px}.section-heading>p:last-child{color:var(--muted);max-width:600px;line-height:1.6}.service-list{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;display:grid}.service{background:#f8f7f2;flex-direction:column;align-items:start;min-height:310px;padding:36px;display:flex}.number{color:#78837b;margin-bottom:24px;font-size:12px}.service h3{margin-bottom:20px}.service p{color:var(--muted);line-height:1.6}.circle-link{margin-top:30px;font-size:20px;font-weight:700;display:block}.circle-link:hover{color:#668169}.work{color:#fff;background:#4e5750}.work .eyebrow{color:#f0f4ed}.work-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px;display:flex}.work-heading>p{color:#f0f4ed;padding-bottom:22px}.projects{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.project{color:var(--ink);background:#fff;min-width:0}.project.wide{flex-direction:column;grid-row:span 2;display:flex}.project>a{height:260px;display:block;position:relative;overflow:hidden}.project.wide>a{flex:1;height:auto;min-height:560px}.project img{transition:transform .4s}.project>a:hover img{transform:scale(1.025)}.view-photo{background:var(--lime);color:var(--ink);padding:5px 13px;position:absolute;bottom:16px;right:16px}.project figcaption{padding:24px}.project .eyebrow{letter-spacing:1.5px;color:#68736c;font-size:12px}.project h3{letter-spacing:-.5px;margin:10px 0 0;font:700 23px/1.25 Manrope,sans-serif}.about{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;display:grid}.about-image{height:520px}.about-copy>p:not(.eyebrow){color:var(--muted);margin-top:18px}.about-copy .text-link{margin-top:30px}.contact{background:#e0e8d6;padding:110px 0}.contact-inner{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;display:grid}.contact h2 em{color:#668169;font-style:normal}.contact p:not(.eyebrow){color:#5e695f;font-size:17px;line-height:1.6}.contact-links{flex-direction:column;align-items:start;gap:14px;min-width:0;display:flex}.contact .button{margin-bottom:20px}.phone{letter-spacing:-1px;font:700 32px Manrope,sans-serif}.email{overflow-wrap:anywhere;font-size:16px}.email:hover{text-decoration:underline}footer.wrap{color:#fff;background:#17211b;align-items:center;gap:30px;width:100%;padding:35px 5vw;display:flex}footer p{color:#b7c2ba;margin-left:auto;font-size:12px}.footer-name{letter-spacing:-1px;font:800 22px Manrope,sans-serif}.footer-name span{letter-spacing:1px;color:#a2b8a4;font-size:11px;display:block}footer>a:last-child{font-size:14px}.skip{z-index:20;background:#fff;padding:15px;position:absolute;top:-100px;left:15px}.skip:focus{top:15px}@media (width<=1100px){.hero h1{letter-spacing:-3px;font-size:clamp(48px,6vw,70px)}.header nav{gap:22px}.service{padding:26px}.proof div{padding-left:20px}}@media (width<=800px){html{scroll-padding-top:100px}.header nav,.header .header-cta{display:none}.menu{border:1px solid var(--line);background:0 0;gap:16px;padding:8px 12px;font-size:14px;display:flex}.mobile-nav:not([hidden]){z-index:9;border-bottom:1px solid var(--line);background:#f8f7f2;flex-direction:column;gap:18px;padding:20px 5vw;display:flex;position:sticky;top:82px}.hero,.contact-inner,.about{grid-template-columns:1fr}.hero{gap:40px;padding-top:60px;padding-bottom:50px}.hero-copy{max-width:600px}.hero h1{letter-spacing:-2.5px;font-size:clamp(48px,9vw,72px)}.hero-visual{min-height:420px}.hero-card{bottom:24px;right:-10px}.actions{gap:24px}.proof{grid-template-columns:1fr 1fr;gap:24px}.proof div:nth-child(2){border:0}.proof div:nth-child(3){padding-left:0}.proof strong{font-size:24px}.section{padding-top:70px;padding-bottom:70px}h2{letter-spacing:-2px;font-size:clamp(38px,7vw,54px)}.service-list,.projects{grid-template-columns:1fr}.service-list{margin-top:40px}.service{min-height:0;padding:30px 0}.project.wide{grid-row:auto}.project.wide>a{flex:auto;height:320px;min-height:320px}.work-heading{margin-bottom:30px;display:block}.work-heading>p{padding:0}.about{gap:40px}.about-image{height:400px}.contact{padding:70px 0}.contact-inner{gap:35px}.contact-links{max-width:100%}.contact .button{gap:20px}footer.wrap{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%;margin-left:0}footer>a:last-child{margin-left:auto}.desktop{display:none}}@media (width<=400px){.hero h1{letter-spacing:-2px;font-size:46px}.hero-card{width:220px}.proof strong{font-size:20px}.proof span{font-size:13px}.contact .button{padding:17px;font-size:13px}.phone{font-size:29px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.header{background:#fff;height:110px}.brand-logo{object-fit:contain;width:175px;height:96px;display:block}.hero{min-height:0;padding:0;display:block}.hero-copy{max-width:none;padding:70px 5vw 55px}.hero .lead{max-width:650px}.hero-visual{width:100%;height:clamp(380px,46vw,760px);min-height:0}footer .brand-logo{background:#fff;width:165px;height:90px}@media (width<=800px){.hero{padding:0}.hero-copy{padding:45px 5vw 40px}.hero-visual{height:420px;min-height:0}.header{height:96px}.mobile-nav:not([hidden]){top:96px}.brand-logo{width:148px;height:82px}}.hero{isolation:isolate;background:var(--green);color:#fff;align-items:center;min-height:680px;display:flex;position:relative;overflow:hidden}.hero-visual{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0c1c126e 0%,#0c1c123d 48%,#0c1c1205 100%);position:absolute;inset:0}.hero-copy{width:100%;max-width:1050px;padding:90px 5vw}.hero h1{max-width:900px}.hero .lead{color:#f0f3ed;max-width:620px}@media (width<=800px){.hero{min-height:640px}.hero-copy{padding:65px 5vw}.hero-visual{height:100%;min-height:0}.hero:after{background:linear-gradient(90deg,#0c1c126e,#0c1c123b)}}.hero h1{line-height:1.12}.hero h1 em{margin-top:.12em;display:inline-block}.hero{background:var(--cream);min-height:690px;color:var(--ink);grid-template-columns:1fr 1fr;gap:5vw;padding:7vw 5vw 6vw;display:grid;overflow:visible}.hero:after{display:none}.hero-copy{align-self:center;width:auto;max-width:680px;padding:0}.hero h1 em{color:#668169}.hero .button{background:var(--green);color:#fff}.hero .button:hover{background:#163524}.hero .text-link{color:var(--ink)}@media (width<=800px){.hero{grid-template-columns:1fr;gap:40px;min-height:0;padding:60px 5vw 50px}.hero-copy{padding:0}.hero-visual{height:420px;min-height:420px}}.hero{isolation:isolate;background:var(--green);align-items:center;min-height:740px;padding:65px 5vw;display:flex;position:relative;overflow:hidden}.hero-visual{z-index:-1;width:100%;height:100%;min-height:0;position:absolute;inset:0}.hero-visual>img{object-position:center 55%}.hero-copy{width:min(720px,100%);max-width:720px;color:var(--ink);background:#ffffffe0;padding:42px}.hero h1{font-size:clamp(46px,5vw,72px)}.hero .lead{color:#46534a}.hero .eyebrow{color:#4e6654}@media (width<=800px){.hero{min-height:660px;padding:40px 5vw}.hero-copy{padding:28px}.hero-visual{height:100%;min-height:0}.hero h1{letter-spacing:-2px;font-size:clamp(38px,8vw,60px)}}.hero{justify-content:flex-start}.header nav,.mobile-nav{font-weight:700}.service-list{grid-template-columns:repeat(4,minmax(0,1fr))}.project:last-child{grid-column:1/-1}.project:last-child>a{height:440px}@media (width<=1100px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.service-list{grid-template-columns:1fr}.project:last-child>a{height:300px}}.hero-visual>img{transform:scaleX(-1)}
