@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#14232b;--muted:#647078;--lime:#c6f36b;--paper:#f6f7f3;--line:#dce1db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #65a416;outline-offset:5px}img{max-width:100%}em{font-style:normal}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.14;letter-spacing:-.045em}h2{font-size:clamp(32px,3.2vw,48px);font-weight:650}h3{font-size:22px;font-weight:700}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5.5%;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.2px}.brand img{margin-right:10px}.brand span{font-weight:450}.brand i{display:none}.header nav{display:flex;gap:30px;font-size:13px;font-weight:550}.header nav a:hover{color:#5a791d}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 24px;border-radius:5px;background:var(--lime);color:var(--ink);font-weight:650;font-size:14px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#b6e753;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:11px 18px;font-size:13px}.header .button{background:var(--ink);color:white}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:650px;background:#111e26;color:#fff}.hero-copy{padding:63px 0 34px 11.5%}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:650;display:flex;gap:8px;align-items:center}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(60px,6.5vw,95px);font-weight:600;line-height:1.02;margin:28px 0 24px;letter-spacing:-.06em}h1 em,.contact em{color:var(--lime)}.hero-copy>p{color:#b0bcc1;font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:15px;align-items:center}.text-link:hover{ text-decoration:underline;text-underline-offset:5px}.hero-foot{display:flex;align-items:center;justify-content:space-between;max-width:400px;margin-top:46px;padding-top:20px;border-top:1px solid #354047;font-size:8px;letter-spacing:1.5px;color:#88979f}.hero-foot b{color:#c4cdd1;font-weight:500}.mini-symbol{font-size:32px;color:var(--lime)}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 45% 50%,#31423c 0%,#1b2b2d 45%,#15232a 80%);overflow:hidden;padding:30px 7% 30px 0}.hero-art img{width:100%;height:auto}.art-top,.art-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#96a6a8}.art-top{position:absolute;top:34px;left:8%;right:10%}.art-caption{margin:0 5%;letter-spacing:.5px;justify-content:flex-start;gap:9px}.art-note{margin-left:auto;font-size:7px;color:#aab6b4}.service-strip{padding:24px 5.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:14px;font-weight:500}.service-strip>span:first-child{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.service-strip a{font-size:11px}.section{padding:88px 5.5%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:38px}.section-heading .eyebrow,h2+.eyebrow{margin-bottom:18px}.section-heading>p{max-width:340px;color:var(--muted);font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:29px 30px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.service:hover{background:#edf1e7}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;font-size:10px;color:var(--muted)}.icon{font-size:27px;color:var(--ink)}.service p{font-size:13px;color:var(--muted);line-height:1.8;min-height:72px;margin:16px 0 26px}.service a{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:650}.service a span{font-size:20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:15px}.about-visual{background:#e6ebdf;position:relative;overflow:hidden;padding:35px;min-height:480px;border-radius:5px}.about-visual>p{position:absolute;bottom:32px;left:35px;font-size:22px;line-height:1.4;letter-spacing:-.6px}.about-visual strong{font-weight:550}.orbit{position:relative;height:310px;margin-top:15px}.ring{position:absolute;left:50%;top:45%;border:1px solid #c2cbb7;border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:220px;height:220px}.ring-two{width:310px;height:310px}.orbit-center{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#14232b;width:100px;height:100px;border-radius:24px;display:grid;place-items:center;box-shadow:0 15px 35px #17222b22}.orbit-label{position:absolute;background:#f6f7f3;border:1px solid #d9dfd1;padding:8px 14px;font-size:8px;letter-spacing:1.2px;border-radius:30px}.label-one{left:10%;top:13%}.label-two{right:0;top:47%}.label-three{left:17%;top:74%}.about-copy .eyebrow{margin-bottom:20px}.about-copy>p{color:var(--muted);font-size:14px;margin-top:18px}.principle{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.principle>span{font-size:10px;color:var(--muted);padding-top:3px}.principle h3{font-size:16px;letter-spacing:-.3px}.principle p{font-size:12px;color:var(--muted);margin-top:7px}.about-copy>.text-link{margin-top:27px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-art{height:290px;position:relative;overflow:hidden;background:#e2e6dc;border-radius:5px;display:grid;place-items:center}.commercial{background:#dce5e4}.concept-tag{position:absolute;top:20px;left:20px;border:1px solid #71808055;background:#ffffff66;padding:5px 10px;border-radius:3px;font-size:8px;letter-spacing:1px}.art-index{position:absolute;bottom:18px;left:22px;font-size:9px;letter-spacing:1.5px}.house-shape{width:215px;height:105px;background:#f8f9f4;transform:skewY(-8deg);box-shadow:24px 24px 0 #a7b6a6,40px 48px 30px #1e342b22;border-top:13px solid #36483e;display:flex;gap:10px;padding:22px}.house-shape i{background:#415950;flex:1;border-bottom:5px solid var(--lime)}.office-shape{width:215px;height:135px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#eee;padding:18px;transform:skewY(7deg);box-shadow:-25px 18px 0 #a9bab9, -40px 35px 20px #253e3722;border-top:10px solid #334d4c}.office-shape i{background:#45615e;border-left:4px solid #b7d29a}.project h3{margin:23px 0 12px}.project>p{color:var(--muted);font-size:14px;max-width:440px}.project .text-link{margin-top:18px}.process{display:grid;grid-template-columns:1fr 1fr;background:#eaf0e3;gap:70px}.process h2{margin-top:18px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:27px;padding:20px 0;border-bottom:1px solid #ced7c5}.process li:first-child{padding-top:0}.process li>span{font-size:10px;padding-top:6px}.process h3{font-size:18px;letter-spacing:-.5px}.process p{font-size:13px;color:var(--muted);margin-top:10px;max-width:390px}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;background:#13232b;color:#fff}.contact-copy h2{margin:23px 0;font-size:clamp(33px,3.5vw,50px)}.contact-copy>p{color:#b2bec3;font-size:14px;max-width:340px}.outline{border:1px solid #65765b;background:transparent;color:var(--lime);margin-top:28px}.outline:hover{color:var(--ink)}#contact-details{display:flex;flex-wrap:wrap;gap:30px;margin-top:55px;padding-top:25px;border-top:1px solid #3d4b51}#contact-details span{font-size:8px;letter-spacing:1.5px;color:#a3b1b6}#contact-details p{font-size:13px;margin-top:8px}.contact-copy p.small-note{font-size:11px;line-height:1.7;margin-top:30px;color:#a3b1b6}.quote{background:#f6f7f3;color:var(--ink);padding:33px;border-radius:6px}.quote h3{font-size:27px;margin-top:12px}.quote>p{font-size:12px;color:var(--muted);margin-top:9px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}label{display:block;font-size:11px;font-weight:550;margin-bottom:16px}label>span{color:#53742c}label small{font-weight:400;color:var(--muted)}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #cfd6cc;background:#fcfdf9;border-radius:3px;font-size:12px;color:var(--ink);margin-top:7px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #76983e;outline-offset:2px}.quote>p.form-note{font-size:10px;line-height:1.6;margin-bottom:17px}.quote>.button{width:100%;font-size:12px}#brief-result{margin-top:25px;border-top:1px solid #ccc;padding-top:20px}#brief-status{font-size:12px;margin:10px 0}#brief-text{font-size:11px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}.faq h2{margin-top:20px;font-size:35px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{font-weight:550;font-size:14px;cursor:pointer}details p{font-size:13px;color:var(--muted);padding:14px 0 3px}footer{border-top:1px solid var(--line);padding:28px 5.5%;display:flex;gap:25px;align-items:center}footer p{color:var(--muted);font-size:11px}footer>span{margin-left:auto;color:var(--muted);font-size:10px}footer>a:last-child{font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;background:#f3f9e7;color:var(--ink);border:1px solid #b9cf9b;border-radius:5px;box-shadow:0 8px 40px #0003;padding:18px 24px;font-size:13px;width:min(90%,480px)}.skip{position:fixed;top:-100px;left:10px;background:var(--lime);padding:12px;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero-copy{padding-top:85px}.hero{min-height:730px}}
@media(max-width:900px){.header{padding:0 5%;height:76px;gap:20px}.header nav{gap:18px}.header-quote{display:none}.hero{min-height:580px}.hero-copy{padding-top:48px}.hero-art{padding-right:0}.art-note{display:none}.hero h1{font-size:65px}.hero .actions{gap:20px}.hero .text-link{font-size:11px}.hero-foot{margin-right:25px}.service-strip{gap:20px}.service-strip>span:first-child{display:none}.section{padding:65px 5%}.service{padding:25px 22px}.service h3{font-size:19px}.service p{min-height:95px}.about{gap:6%}.about-visual{padding:24px}.orbit-label{font-size:7px}.ring-two{width:260px;height:260px}.contact{gap:5%}.quote{padding:25px}.form-grid{grid-template-columns:1fr}.project-art{height:245px}}
@media(max-width:620px){html{scroll-padding-top:75px}.header{height:72px}.brand{font-size:26px}.menu{display:flex;gap:10px;background:transparent;border:1px solid #ccd4c8;border-radius:4px;padding:8px 12px;font-size:12px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px 6%;box-shadow:0 10px 20px #0001}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{padding:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:43px 6% 24px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:70px!important;margin-top:25px}.hero-copy>p{font-size:14px}.hero-foot{margin:30px 0 0;max-width:none}.hero-art{height:365px;padding:35px 6% 20px}.hero-art img{height:300px}.art-top{top:17px;font-size:7px;left:6%;right:6%}.art-caption{font-size:8px;margin:0}.service-strip{flex-wrap:wrap;font-size:11px;padding:18px 6%;gap:15px}.service-strip a{display:none}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:13px}.services-grid{grid-template-columns:1fr}.service{padding:23px}.service-top{margin-bottom:20px}.service h3{font-size:22px}.service p{min-height:0;font-size:13px;margin:14px 0 20px}.about{grid-template-columns:1fr;gap:35px;padding-top:5px}.about-visual{min-height:415px}.orbit{height:260px}.about-visual>p{font-size:21px;left:25px;bottom:25px}.projects{grid-template-columns:1fr;gap:35px}.project-art{height:260px}.process,.contact,.faq{grid-template-columns:1fr;gap:35px}.process h2{font-size:34px}.process ol{margin-top:6px}.contact-copy h2{font-size:40px}#contact-details{margin-top:30px}.quote{padding:25px 20px}.form-grid{grid-template-columns:1fr}.quote .eyebrow{font-size:8px}.faq h2{font-size:32px}footer{flex-wrap:wrap;padding:25px 6%;gap:18px}footer .brand{width:100%}footer p{width:100%}footer>span{margin-left:0}footer>a:last-child{margin-left:auto}.actions{gap:18px}.button{padding:14px 20px}.hero .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}