*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f1eb;color:#20221f;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}header{height:78px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}header .logo{font:800 14px Manrope;letter-spacing:1px}header small{color:#85877d;font-weight:400}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav a{color:#55584f}nav .pill,.btn{background:#242720;color:white;padding:14px 19px;border-radius:3px}.pill{margin-left:8px}#menu{display:none}.hero{padding:85px 8% 90px;min-height:630px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#777b6e}.hero h1{font:700 clamp(52px,6vw,84px)/1 Manrope;letter-spacing:-4px;margin:32px 0 24px}.hero h1 em,h2 em{font-family:Georgia,serif;color:#718258;font-weight:400}.lead{max-width:440px;color:#6c7065;line-height:1.8;font-size:15px;margin-bottom:32px}.btn{display:inline-block;font-size:12px;font-weight:700}.under{margin-left:25px;font-size:12px;font-weight:700;border-bottom:1px solid #aaa;padding-bottom:7px}.proof{margin-top:55px;font-size:11px;color:#74776d}.hero-img{height:440px;background:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=85') center/cover;position:relative}.note{position:absolute;bottom:35px;left:-30px;background:#c6ef70;padding:20px 25px;line-height:1.5}.intro,.work{background:#e9e8df}.intro,#services,.work,.contact{padding:95px 10%}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}.split h2,#services h2,.work h2,.contact h2{font:600 clamp(36px,4vw,58px)/1.1 Manrope;letter-spacing:-2px;margin:25px 0}.split>p{color:#707269;font-size:14px;line-height:1.9}.services{margin-top:45px}.services article{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;border-top:1px solid #d2d4ca;padding:23px 0}.services article:last-child{border-bottom:1px solid #d2d4ca}.services span{font-size:11px;color:#92958a}.services h3{font:600 21px Manrope;margin:0 0 6px}.services p{font-size:12px;color:#81847a;margin:0}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.tiles div{height:290px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:#a5b28e}.tiles div:nth-child(2){background:#d6b7a0}.tiles span{font-size:9px;letter-spacing:2px}.tiles b{font:600 24px Manrope}.quote{text-align:center;padding:85px 10%;background:#c6ef70;font:500 clamp(27px,4vw,48px)/1.2 Manrope}.quote em{font-family:Georgia,serif}.contact{background:#242720;color:#f5f3ec}.contact .eyebrow{color:#b7c69e}.contact h2 em{color:#c6ef70}.contact .split>p{color:#c4c7bc}.contact small{display:block;color:#aaa;font-size:10px;margin-top:12px}footer{background:#1b1e19;color:#ddd;padding:27px 7%;display:flex;justify-content:space-between;gap:15px;font-size:10px}footer span{color:#aeb2a6}footer a{color:#c6ef70}@media(max-width:760px){header{height:68px}#menu{display:block;background:none;border:0;font-size:23px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#f3f1eb;padding:20px 7%;z-index:5;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:55px 7%;gap:40px}.hero h1{letter-spacing:-2px}.hero-img{height:320px}.note{left:-8px}.intro,#services,.work,.contact{padding:70px 7%}.split{grid-template-columns:1fr;gap:15px}.tiles{grid-template-columns:1fr}.tiles div{height:220px}footer{flex-wrap:wrap}footer span{width:100%;order:3}}