:root{--forest:#233c31;--ink:#24372e;--paper:#f7f5ed;--sage:#dfe5d7;--clay:#a44c31;--line:#cbd0c4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}p+p{margin-top:18px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.preview{text-align:center;background:var(--forest);color:#f5f4e9;font-size:11px;letter-spacing:.12em;padding:8px 18px}.header{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:25px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:Georgia,serif;font-size:25px;line-height:1.1;letter-spacing:-.6px}.brand span{font-size:18px;letter-spacing:1.4px}.header nav{display:flex;gap:35px;font-size:13px}.header nav a{text-decoration:none}.header-phone{font-size:14px;text-decoration:none;border-bottom:1px solid var(--clay);padding-block:8px}.hero{padding-top:54px;position:relative}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:600;line-height:1.6}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.06}h1{font-size:clamp(48px,5.5vw,82px);letter-spacing:-3px;margin:24px 0 30px}em{font-weight:400;color:var(--clay)}.hero-copy{width:57%;padding-bottom:52px;position:relative;z-index:1}.hero-bottom{display:flex;gap:28px;flex-direction:column;align-items:flex-start;max-width:410px}.hero-bottom p{font-size:15px;max-width:355px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 22px;background:var(--forest);color:#fff;text-decoration:none;font-size:13px;line-height:1.5}.button span{font-size:20px}.hero-photo{position:absolute;right:0;top:85px;width:46%;height:440px}.hero-photo img{object-position:51% center}.hero-photo figcaption{font-size:10px;letter-spacing:.02em;padding:9px 0}.hero-note{position:absolute;right:15px;bottom:22px;font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.25}.clients{border-block:1px solid var(--line);padding:19px 0;font-size:12px;letter-spacing:.03em}.clients .wrap{display:flex;justify-content:space-between;gap:15px}.clients span{color:var(--clay)}.section{padding-block:90px}.section-heading{display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:40px;align-items:start}.section-heading .eyebrow{padding-top:9px}h2{font-size:clamp(34px,3.5vw,51px);letter-spacing:-1.5px}.section-heading>p:last-child{font-size:14px;padding-top:6px}.garden-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;gap:75px}.garden-grid article{position:relative;padding:28px 0 0 55px;border-top:1px solid var(--line)}.number{position:absolute;top:30px;left:0;font-family:Georgia,serif;font-size:22px;color:var(--clay)}h3{font-size:27px;letter-spacing:-.5px;margin-bottom:18px}.garden-grid p{font-size:14px}.garden-grid ul{padding-left:17px;font-size:14px;margin:22px 0}li{padding:3px 0}details{border-top:1px solid var(--line);padding:15px 0;margin-top:20px;font-size:13px}summary{cursor:pointer;line-height:1.5;font-weight:600;min-height:28px;padding-right:10px}details p{margin-top:13px!important;font-size:13px!important}.small-note{font-size:12px!important;color:#566252;margin-top:22px!important;line-height:1.6}.works{background:var(--forest);color:var(--paper);padding:75px 0}.works-grid{display:grid;grid-template-columns:.95fr 1.1fr;gap:75px}.works figure{align-self:start;position:sticky;top:25px}.works figure img{height:610px;object-position:60% center}.works figcaption{font-size:10px;padding-top:12px;color:#cdd7ca}.works .eyebrow{color:#cbd6c5}.works h2{margin:19px 0 24px}.works em{color:#d8c7a5}.works-copy>p{font-size:14px}.work-row{display:grid;grid-template-columns:30px 1fr;gap:15px;border-top:1px solid #68796b;margin-top:28px;padding-top:24px}.work-row>span{font-family:Georgia,serif;font-size:20px;color:#d8c7a5}.work-row h3{font-size:25px;margin-bottom:10px}.work-row p{font-size:14px}.works details{border-color:#68796b}.water .eyebrow{color:var(--clay);margin-bottom:24px}.water-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.water-grid p{font-size:14px}.water-grid .lead{font-size:19px;line-height:1.5}.text-link{display:inline-block;font-size:13px;text-underline-offset:7px;margin-top:28px}.text-link span{margin-left:15px}.project{background:var(--sage);padding-block:65px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.project h2{margin-top:20px}.project p{font-size:14px}.project-note{border-left:2px solid var(--clay);padding-left:19px;font-size:12px!important}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.contact h2{margin:22px 0 26px}.contact>div>p:last-child{max-width:430px;font-size:14px}address{font-style:normal;border-left:1px solid var(--line);padding:0 0 0 55px}.contact-person{font-size:12px}.big-phone{display:block;font-family:Georgia,serif;font-size:36px;letter-spacing:-1px;text-decoration:none;line-height:1.4;margin:12px 0}.email{display:inline-block;font-size:17px;text-underline-offset:5px;overflow-wrap:anywhere}address>p:not(:first-child){margin-top:25px;font-size:14px}address .button{margin-top:27px}footer{background:var(--forest);color:#e5eadf;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;font-size:12px}.footer-inner span{font-size:10px;color:#c1cdbb}.footer-inner a{font-size:10px;align-self:center}a:focus-visible,summary:focus-visible{outline:3px solid #bc6c40;outline-offset:6px}a:hover{filter:brightness(.85)}@media(min-width:1500px){.hero-photo{width:49%}.hero-copy{width:51%}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-photo{top:115px;height:400px;width:43%}.hero-copy{width:58%}h1{font-size:64px}.hero-note{display:none}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.garden-grid{gap:35px}.works-grid{gap:40px}.works figure img{height:550px}.water-grid,.project-grid,.contact{gap:45px}.header nav{gap:18px}address{padding-left:30px}.big-phone{font-size:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.preview{font-size:9px;letter-spacing:.04em}.header{flex-wrap:wrap;gap:20px;padding:21px 0 16px}.brand{font-size:21px}.brand span{font-size:15px}.header-phone{font-size:12px}.header nav{order:3;justify-content:space-between;width:100%;font-size:12px;padding-top:8px}.header nav a{padding:5px 0}.hero{padding-top:30px}.hero-copy{width:100%;padding:0 0 30px}.hero .eyebrow{font-size:9px;letter-spacing:.1em;max-width:290px}h1{font-size:51px;letter-spacing:-2px;margin-top:20px;margin-bottom:24px}.hero-bottom{gap:23px}.hero-bottom p{font-size:14px;max-width:330px}.button{font-size:12px;padding:14px 18px;gap:22px}.hero-photo{position:static;width:100%;height:auto;margin-bottom:30px}.hero-photo img{height:310px;object-position:center}.hero-photo figcaption{font-size:9px}.clients{padding-block:15px}.clients .wrap{display:block;line-height:2;font-size:11px}.clients span{padding:0 5px}.section{padding-block:55px}.section-heading{display:block}.section-heading h2{margin:20px 0}h2{font-size:37px;letter-spacing:-1.2px}.section-heading>p:last-child{font-size:14px}.garden-grid{display:block;margin-top:35px}.garden-grid article{padding:25px 0 0 35px;margin-top:35px}.number{top:25px;font-size:20px}h3{font-size:26px}.garden-grid ul{font-size:13px}.works{padding-block:45px}.works-grid{display:flex;flex-direction:column;gap:35px}.works figure{position:static;order:2;width:100%}.works figure img{height:360px}.works h2{font-size:36px}.work-row{gap:8px;grid-template-columns:22px 1fr}.water-grid,.project-grid,.contact{display:block}.water-grid>div{margin-top:27px}.water-grid .lead{font-size:18px}.project{padding-block:45px}.project-grid>div+div{margin-top:27px}address{border-left:0;border-top:1px solid var(--line);padding:30px 0 0;margin-top:35px}.big-phone{font-size:34px}.email{font-size:17px}.footer-inner{display:block}.footer-inner p+p{margin-top:20px}.footer-inner a{display:inline-block;margin-top:25px}html{scroll-behavior:auto}}
@media(max-width:350px){h1{font-size:44px}.brand{font-size:19px}.brand span{font-size:13px}.header-phone{font-size:11px}.wrap{width:calc(100% - 32px)}h2,.works h2{font-size:33px}.big-phone{font-size:30px}}
