@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#132f32;--teal:#156b67;--paper:#f5f4ee;--muted:#657673}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button,a{touch-action:manipulation}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{max-width:1320px;margin:auto;padding:0 48px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #193c351c}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.brand-mark{background:#186c66;color:#f3ead8;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:25px}.navlinks{display:flex;gap:30px;align-items:center;font-size:14px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:var(--ink);color:white;border:1px solid transparent;padding:16px 23px;border-radius:5px;font-weight:600;font-size:14px}.btn.light{background:transparent;color:inherit;border-color:#b5c5c0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.dot{display:inline-block;background:#85b78e;width:7px;height:7px;border-radius:50%;margin-right:8px}.hero{padding:76px 0 68px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}.hero h1{font:500 clamp(45px,5.4vw,78px)/1.04 Manrope,sans-serif;letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--teal)}p{line-height:1.7}.intro{max-width:390px;font-size:16px;color:var(--muted)}.hero-side{padding-bottom:9px}.hero-side .btn{margin-top:15px}.section-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cad3cb;padding:25px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #d4dbd4;padding:9px 15px;border-radius:30px;background:transparent;font-size:12px;color:var(--ink)}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 28px}.card:first-child{grid-column:span 2}.card{min-width:0}.shot{position:relative;height:320px;border-radius:8px;overflow:hidden;background:#ddd}.card:first-child .shot{height:440px}.shot:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08140ddb,transparent)}.shot img{transition:transform .6s}.card:hover img{transform:scale(1.035)}.shot-copy{position:absolute;z-index:1;left:35px;top:32px;color:white;width:70%}.mini-brand{font-size:17px;font-weight:700}.shot-copy h3{font-family:Georgia,serif;font-size:43px;line-height:1.03;font-weight:400;max-width:350px;margin:40px 0 25px;white-space:pre-line}.card:first-child .shot-copy h3{font-size:65px;max-width:500px;margin-top:66px}.mini-btn{display:inline-block;padding:10px 16px;border-radius:2px;background:var(--accent);color:var(--color);font-size:11px;font-weight:700}.card-label{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.card-label h3{font-size:18px;margin:0 0 5px}.card-label p{font-size:12px;margin:0;color:var(--muted)}.round{border:1px solid #b7c7be;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.note{font-size:12px;color:var(--muted);margin:25px 0 65px}.process{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:55px 0;border-top:1px solid #cbd3cc}.process h2{font-family:Manrope;font-size:36px;letter-spacing:-1px;margin:12px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps span{font-size:12px;color:var(--teal)}.steps h3{font-size:17px}.steps p{font-size:13px;color:var(--muted)}.contact{background:var(--ink);color:#fff;border-radius:8px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:35px;margin:25px 0 60px}.contact h2{font-family:Manrope;font-size:38px;letter-spacing:-1px;max-width:620px;margin:12px 0}.contact p{color:#b8ceca}.contact .btn{background:#cbdcd0;color:var(--ink)}footer{font-size:12px;color:var(--muted);padding:20px 0 35px;display:flex;justify-content:space-between;gap:20px}.demo-bar{padding:12px 25px;background:#132f32;color:white;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.demo-bar a{text-decoration:underline}.demo{--color:#304d37;--accent:#d7e0a3;color:var(--color)}.demo .brand-mark{background:var(--color);color:var(--accent)}.demo .btn{background:var(--color);color:#fff}.demo-hero{position:relative;height:650px;color:white;overflow:hidden}.demo-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b150de6,#0b150d25)}.demo-hero .wrap{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;width:100%}.demo-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,6.2vw,88px);line-height:1.03;letter-spacing:-2px;max-width:750px;margin:25px 0;white-space:pre-line}.demo-hero p{max-width:460px;margin:0 0 30px}.demo-hero .btn{background:var(--accent);color:var(--color);align-self:start}.demo-section{padding:70px 0}.demo-section h2{font:400 44px/1.1 Georgia,serif;letter-spacing:-1px;margin:18px 0 30px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{border-top:1px solid #bdc5b9;padding:25px 15px 20px 0}.service h3{font-size:22px}.service p{font-size:14px;max-width:290px}.service a{font-size:13px;text-decoration:underline}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid #d5d6ce}.story .photo{height:410px;border-radius:4px;overflow:hidden}.story p{max-width:450px}.form-section{background:#eaeae0}.form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.form-layout p{font-size:14px;max-width:350px}.sample-label{display:inline-block;border:1px solid currentColor;padding:6px 9px;font-size:10px;letter-spacing:1px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px}.field.full,.form .full{grid-column:span 2}input,select,textarea{width:100%;background:#fbfbf6;border:1px solid #bac2b8;border-radius:4px;padding:13px;color:#24342c}textarea{min-height:100px}.form .btn{justify-self:start}.success{background:#dce9d8;border:1px solid #849d7c;padding:22px;grid-column:span 2;line-height:1.7}.hidden{display:none!important}.gallery-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.gallery-strip figure{margin:0}.gallery-strip .photo{height:230px;overflow:hidden;border-radius:4px}.gallery-strip figcaption{font-size:12px;margin-top:10px}.demo[data-id=detailing] h1,.demo[data-id=construction] h1{font-family:Manrope;font-weight:700;letter-spacing:-4px}.demo[data-id=grooming] .demo-hero:after{background:linear-gradient(90deg,#43364cdb,#43364c15)}.demo[data-id=grooming] .btn{border-radius:30px}.demo[data-id=fencing] .demo-hero:after{background:linear-gradient(90deg,#302017df,#30201710)}@media(max-width:750px){.wrap{padding:0 22px}.nav{height:80px}.brand{font-size:18px}.navlinks{gap:13px}.navlinks a:not(.btn){display:none}.navlinks .btn{padding:11px 14px;font-size:12px}.hero{grid-template-columns:1fr;gap:15px;padding:45px 0}.hero h1{letter-spacing:-2px}.hero-side .btn{margin-top:5px}.section-head{align-items:start;gap:20px;flex-direction:column}.grid{grid-template-columns:1fr;gap:22px}.card:first-child{grid-column:span 1}.card:first-child .shot,.shot{height:330px}.card:first-child .shot-copy h3,.shot-copy h3{font-size:45px;max-width:290px;margin-top:45px}.shot-copy{left:25px}.process{grid-template-columns:1fr;gap:15px}.steps{grid-template-columns:1fr}.steps p{max-width:400px}.contact{padding:30px;flex-direction:column;align-items:start}.contact h2{font-size:30px}footer{flex-direction:column}.demo-bar{font-size:10px;padding:10px 14px}.demo-bar span{max-width:180px}.demo-hero{height:620px}.demo-hero h1{font-size:53px;letter-spacing:-2px!important}.demo-hero p{max-width:300px}.demo-hero img{object-position:65%}.demo-section{padding:45px 0}.service-grid,.story,.form-layout{grid-template-columns:1fr;gap:25px}.demo-section h2{font-size:36px}.story .photo{height:300px}.gallery-strip{grid-template-columns:1fr}.gallery-strip .photo{height:260px}.form{gap:15px}.field{grid-column:span 2}}