:root{--ink:#101917;--night:#0d1514;--lime:#d8f66e;--paper:#f3f2ed;--muted:#aeb4ad;--line:rgba(255,255,255,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.nav{height:84px;background:var(--night);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;letter-spacing:-1px}.brand span{font-weight:800;font-size:25px}.brand i{width:8px;height:8px;background:var(--lime);border-radius:50%;display:inline-block}.brand b{font:500 9px 'DM Mono';letter-spacing:1.2px}.nav nav{display:flex;gap:30px;align-items:center}.nav nav>a{font-size:12px;color:#dce2db;text-decoration:none}.nav-cta{padding:13px 17px;border:1px solid #d7e0d5!important;color:#fff!important}.nav-cta span,.button span{font-size:17px;margin-left:16px}.menu{display:none;background:none;border:0;color:#fff;font:12px 'DM Mono'}.hero{background:var(--night);color:#fff;min-height:680px;display:grid;grid-template-columns:55% 45%;padding-left:5.5%}.hero-copy{padding:92px 8% 60px 0}.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.4px;text-transform:uppercase;color:#bac4bb;margin:0 0 26px}.eyebrow span{display:inline-block;width:24px;height:1px;background:var(--lime);vertical-align:middle;margin-right:10px}.eyebrow.dark{color:#62706a}.hero h1,.section-head h2,.intro h2,.work h2,.process h2,.contact h2{font-size:clamp(48px,6.05vw,90px);line-height:.98;letter-spacing:-5px;margin:0;font-weight:700}.hero h1 em,.work h2 em,.process h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.lead{font-size:15px;line-height:1.65;color:#c3cac3;max-width:395px;margin:30px 0}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;padding:17px 20px;font:700 12px Manrope;cursor:pointer}.lime{background:var(--lime);color:var(--ink)}.text-link{font-size:12px;color:#fff;text-decoration:none}.text-link span{margin-left:10px}.hero-media{position:relative;overflow:hidden;min-height:500px}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:51% 57%;filter:brightness(.82) saturate(.7)}.media-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,21,20,.4),transparent 40%),linear-gradient(0deg,rgba(13,21,20,.5),transparent)}.project-tag{position:absolute;bottom:38px;left:35px}.project-tag small{display:block;font:10px 'DM Mono';color:var(--lime);margin-bottom:8px}.project-tag strong{font-size:13px;line-height:1.4}.roundel{position:absolute;right:34px;top:34px;border:1px solid #fff;border-radius:50%;width:100px;height:100px;padding-top:31px;text-align:center;font-size:19px;font-weight:800;line-height:.7;transform:rotate(12deg)}.roundel span{font:5px 'DM Mono';letter-spacing:.5px}.intro{display:grid;grid-template-columns:11% 48% 31%;gap:5%;padding:150px 5.5%;align-items:end}.section-number{font:11px 'DM Mono';color:#72807a}.intro h2{font-size:clamp(40px,4.7vw,67px);color:#1a2824}.intro-text,.section-head>p,.work-title>p,.process-head>p{font-size:14px;line-height:1.75;color:#51605a;margin-bottom:8px}.services{background:#172622;color:white;padding:125px 5.5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:72px}.section-head h2{font-size:clamp(42px,5vw,72px)}.section-head>p{color:#aab6ae;width:290px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-grid article{min-height:305px;border-right:1px solid var(--line);padding:25px 25px 15px;display:flex;flex-direction:column}.service-grid article:last-child{border:0}.service-grid span{font:10px 'DM Mono';color:var(--lime)}.service-grid h3{font-size:22px;letter-spacing:-1.2px;line-height:1.1;margin:58px 0 12px}.service-grid p{font-size:12px;line-height:1.7;color:#aeb9b1;margin:0}.service-grid a{font:11px 'DM Mono';color:#fff;text-decoration:none;margin-top:auto}.service-grid b{float:right;font-size:16px;color:var(--lime)}.work{padding:145px 5.5%;display:grid;grid-template-columns:38% 62%;gap:3%}.work h2{font-size:clamp(42px,4.5vw,66px);margin-bottom:28px}.work-title>p{max-width:315px}.dark-btn{background:var(--ink);color:#fff;margin-top:25px}.work-gallery{padding-top:45px}.work-gallery figure{margin:0}.work-gallery .large{background:#d5dad4;padding:14px}.work-gallery img{height:470px;width:100%;object-fit:cover;object-position:50% 59%;display:block;filter:saturate(.82)}figcaption{display:flex;justify-content:space-between;padding-top:12px;font:9px 'DM Mono';color:#40514a}.work-gallery aside{background:#d8f66e;padding:40px;margin-left:18%;margin-top:-40px;position:relative;width:55%;min-height:180px}.quote-mark{font:50px Georgia;color:#1a322b;line-height:.5}.work-gallery aside p{font-size:16px;line-height:1.4;font-weight:700}.work-gallery aside span{font:9px 'DM Mono';color:#4c604d}.process{background:var(--night);color:white;padding:125px 5.5%}.process-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.process-head h2{font-size:clamp(42px,5vw,72px)}.process-head p{color:#aeb9b1;width:280px}.process ol{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.process li{padding:28px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:12% 42% 46%}.process li>b{font:10px 'DM Mono';color:var(--lime)}.process h3{font-size:25px;letter-spacing:-1px;margin:0}.process li p{font-size:13px;line-height:1.6;color:#aeb9b1;max-width:310px;margin:0}.contact{background:#e4e6df;padding:130px 10%;display:grid;grid-template-columns:42% 48%;justify-content:space-between}.contact h2{font-size:clamp(45px,5vw,73px);margin-bottom:24px}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:310px;color:#52615a}.contact-copy a{display:inline-block;color:var(--ink);font:11px 'DM Mono';text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-top:22px}.contact-copy a span{margin-left:55px}.field{border-bottom:1px solid #aeb7ae;padding:0 0 12px;margin-bottom:27px}.field label{display:block;font:10px 'DM Mono';color:#52615a;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:0;outline:0;background:transparent;font:15px Manrope;color:var(--ink);resize:vertical}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#18241f 50%),linear-gradient(135deg,#18241f 50%,transparent 50%);background-position:calc(100% - 10px) 50%,calc(100% - 5px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.field ::placeholder{color:#89938c}.submit{width:100%;margin-top:5px}.form-note{text-align:center;font-size:10px;color:#66736b;margin:13px 0}footer{padding:42px 5.5%;background:#172622;color:#c4cec5;display:flex;justify-content:space-between;align-items:end}footer p{font:10px 'DM Mono';line-height:1.8;margin:0}footer .brand{color:#fff}@media(max-width:720px){.nav{height:67px;padding:0 6%}.nav nav{display:none;position:absolute;top:67px;left:0;right:0;background:#172622;padding:20px 6%;flex-direction:column;align-items:flex-start}.nav nav.visible{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding:0;min-height:auto}.hero-copy{padding:70px 6% 58px}.hero h1{font-size:51px;letter-spacing:-3.5px}.hero-media{height:410px}.intro{display:block;padding:85px 6%}.intro .section-number{margin-bottom:55px}.intro-text{margin:35px 0 0}.services,.process{padding:85px 6%}.section-head,.process-head{display:block}.section-head>p,.process-head p{width:auto;margin-top:25px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{min-height:265px;padding:22px 15px}.service-grid article:nth-child(2){border-right:0}.service-grid h3{font-size:19px;margin-top:38px}.work{padding:85px 6%;display:block}.work-gallery{padding-top:45px}.work-gallery img{height:335px}.work-gallery aside{width:75%;margin-left:8%;padding:30px}.process li{grid-template-columns:20% 1fr;gap:8px}.process li p{grid-column:2;margin-top:8px}.contact{padding:85px 6%;display:block}.contact form{margin-top:55px}footer{padding:35px 6%;display:block}footer p{margin-top:23px}.roundel{width:82px;height:82px;padding-top:25px;right:20px;top:20px}.project-tag{bottom:25px;left:22px}}