@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--ink:#222720;--paper:#f4f1ea;--olive:#5d6754;--muted:#7e8177;--line:#d9d8cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1400px,calc(100% - 112px));margin:auto}.preview{text-align:center;background:#dce0d5;color:#485344;padding:9px 20px;font-size:11px;letter-spacing:.04em}.header{height:105px;display:flex;align-items:center;gap:40px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:12px;line-height:1.05;letter-spacing:.1em}.logo small{display:block;font-size:6px;letter-spacing:.12em;margin-top:5px;color:#7b8075}.mark{width:41px;height:41px;border:1px solid #676e60;display:grid;place-items:center;font-size:21px;letter-spacing:-.2em;padding-right:4px}.mark span{font-weight:400}nav{display:flex;justify-content:center;gap:36px;margin:auto;font-size:12px;font-weight:600}nav a:hover,.text-link:hover{color:#899582}.header-cta{font-size:12px;font-weight:700;border-bottom:1px solid #889084;padding:12px 0}.header-cta span{margin-left:22px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.hero-copy{padding:74px 4vw 28px 0;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#777f70}.dot{display:inline-block;width:8px;height:8px;background:#a2ae92;border-radius:50%;margin-right:9px}.hero h1,h2{font-size:clamp(46px,5vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.065em;margin:42px 0 27px}em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.06em}.hero-copy>p{line-height:1.9;color:#71766c;max-width:410px}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:34px}.button{background:var(--ink);color:white;padding:19px 23px;font-size:12px;font-weight:600;display:inline-flex;gap:36px;align-items:center}.button span{font-size:18px}.text-link{font-size:12px;font-weight:600}.text-link span{margin-left:14px}.hero-foot{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:56px;font-size:9px;letter-spacing:.12em;color:#94988c}.line{height:1px;width:55px;background:#a5aa9d}.hero-image{position:relative;overflow:hidden;min-height:590px}.hero-image img,.project-picture img{width:100%;height:100%;object-fit:cover;display:block}.image-note{position:absolute;right:15px;top:15px;color:white;background:#3339;padding:8px;font-size:9px;letter-spacing:.08em}.image-caption{position:absolute;right:0;bottom:0;background:#e4e7dd;padding:27px 30px;width:210px;font-size:17px;line-height:1.35}.image-caption span{float:right}.section{padding-top:145px;padding-bottom:145px}.section-top{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start}.section-top h2{font-size:clamp(38px,4vw,58px);margin:0}.section-top p{margin:4px 0 0;line-height:1.8;color:#81857b;font-size:13px}.services{display:grid;grid-template-columns:1fr 1fr;margin-top:68px}.service{position:relative;padding:38px 42px 42px;background:#e7e9e1;min-height:310px}.service.dark{background:#586353;color:white}.service-number{font-size:10px;letter-spacing:.12em;opacity:.65}.service h3{font-weight:500;letter-spacing:-.05em;font-size:34px;line-height:1.12;margin:42px 0 20px}.service p{max-width:340px;line-height:1.8;font-size:13px;opacity:.7}.round{border:1px solid currentColor;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;position:absolute;right:35px;bottom:35px;font-size:20px}.project-section{background:#e7e8df}.projects-heading{grid-template-columns:3fr 1fr;align-items:end}.projects-heading h2{margin-top:25px}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:62px}.project-picture,.placeholder{height:410px;position:relative;overflow:hidden}.project-picture span{position:absolute;top:16px;left:16px;background:#f4f1ea;padding:9px 11px;font-size:9px;letter-spacing:.1em}.placeholder{background:#d2d6c9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#7a8472;font-size:9px;letter-spacing:.13em}.placeholder-icon{font-size:44px;font-weight:400}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:21px 0}.project-meta small{font-size:9px;letter-spacing:.12em;color:#888f81}.project-meta h3{font-size:21px;font-weight:500;letter-spacing:-.04em;margin:8px 0}.project-meta>span{font-size:24px}.project-disclaimer{font-size:11px;color:#7a8174}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:75px}.steps article{border-top:1px solid #adb3a7;padding-top:20px}.steps article>span{font-size:10px;color:#8b9385}.steps h3{font-size:22px;font-weight:500;letter-spacing:-.04em;margin:45px 0 15px}.steps p{font-size:13px;line-height:1.8;color:#81857b;max-width:260px}.contact{background:#596553;color:white;padding:115px 0}.contact-inner{display:grid;grid-template-columns:1fr 420px;gap:60px}.contact .eyebrow{color:#d0d8c9}.contact h2{font-size:clamp(46px,5vw,68px);margin:36px 0 25px}.contact p{max-width:380px;color:#d1d8ca;line-height:1.8}.contact-panel{background:#f4f1ea;color:var(--ink);padding:32px}.contact-panel p{font-size:12px;color:#85897f}.contact-title{font-size:22px;letter-spacing:-.04em}.contact-title span{float:right}.mock-field{border-bottom:1px solid #c7ccc1;padding:18px 0;font-size:12px;color:#9da194}.contact-panel button{width:100%;padding:17px;margin-top:25px;background:#818b7d;color:white;border:0}.contact-panel small{display:block;font-size:10px;color:#8b8f83;margin-top:13px}.footer{min-height:150px;display:flex;align-items:center;justify-content:space-between}.footer p,.footer>a:last-child{font-size:11px;color:#858a7f}@media(max-width:900px){.wrap{width:calc(100% - 56px)}.header{height:88px;gap:20px}nav{gap:18px}.header-cta{display:none}.hero{min-height:0}.hero h1{font-size:clamp(42px,5.4vw,60px)}.hero-copy{padding-top:50px}.hero-image{min-height:530px}.section{padding:95px 0}.section-top{grid-template-columns:1fr 2fr}.section-top>p{grid-column:2}.projects-heading{grid-template-columns:2fr 1fr}.projects-heading>p{grid-column:auto}.contact-inner{grid-template-columns:1fr 360px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.preview{font-size:10px;line-height:1.4}.header{height:78px;justify-content:space-between;position:relative}.menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #c7cbc0;background:transparent}.menu i{display:block;width:18px;height:1px;background:#252a23;margin:0 auto}nav{display:none;position:absolute;z-index:10;top:68px;left:-18px;right:-18px;background:var(--paper);padding:20px 24px 26px;box-shadow:0 15px 20px #252a2312}nav.open{display:flex;flex-direction:column;gap:22px}.hero{display:flex;flex-direction:column}.hero-copy{padding:36px 0 24px}.hero h1{font-size:clamp(44px,11vw,66px);margin:28px 0 20px}.hero-copy>p{font-size:13px;line-height:1.8}.hero-actions{gap:20px;margin-top:22px}.button{gap:20px;padding:17px}.text-link{font-size:11px}.hero-foot{padding-top:40px}.hero-image{min-height:390px;height:110vw;max-height:520px}.image-caption{width:178px;padding:20px;font-size:15px}.section{padding:80px 0}.section-top,.projects-heading{display:block}.section-top h2{margin:22px 0;font-size:40px}.section-top p{max-width:350px}.services{grid-template-columns:1fr;margin-top:40px}.service{min-height:275px;padding:30px}.service h3{font-size:30px;margin-top:35px}.service p{max-width:75%}.round{right:25px;bottom:25px}.project-grid{grid-template-columns:1fr;margin-top:38px;gap:15px}.project-picture,.placeholder{height:330px}.project-meta h3{font-size:19px}.steps{grid-template-columns:1fr;gap:18px;margin-top:42px}.steps h3{margin:23px 0 10px}.steps p{margin-bottom:20px}.contact{padding:80px 0}.contact-inner{grid-template-columns:1fr;gap:28px}.contact h2{font-size:46px;margin:25px 0}.contact-panel{padding:25px}.footer{min-height:130px;gap:15px}.footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
