@font-face{font-family:NovliSans;src:local('Helvetica Neue');font-display:swap}:root{--paper:#f5f3ed;--ink:#203a34;--muted:#64716a;--line:#203a342b;--acid:#d9ec94;--serif:Georgia,'Times New Roman',serif;--sans:NovliSans,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button,input,select,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid #7f9840;outline-offset:5px}img{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.04}h2{font-size:clamp(38px,4.3vw,64px);margin-bottom:26px}h1 em,h2 em{font-family:var(--serif);font-weight:normal}h3{font-weight:500;letter-spacing:-.025em}p{color:var(--muted)}.wrap{max-width:1440px;margin-inline:auto;padding-inline:6%}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;max-width:1600px;margin:auto;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:baseline;font-size:42px;font-weight:650;letter-spacing:-3px;line-height:1}.brand-dot{width:8px;height:8px;border-radius:50%;background:currentColor;margin-left:4px}.header nav{display:flex;align-items:center;gap:38px;font-size:14px}.header nav>a:hover,.text-link:hover,.email-link:hover{opacity:.68}.nav-cta{display:flex;gap:32px;align-items:center;border:1px solid var(--line);border-radius:40px;padding:12px 20px}.eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.6;font-weight:600;color:inherit}.tiny-dot{display:inline-block;width:6px;height:6px;background:#6e874e;border-radius:50%;margin-right:7px;vertical-align:middle}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;padding-top:75px;padding-bottom:65px;overflow:hidden}.hero-copy{position:relative;z-index:1}.hero .eyebrow{margin-bottom:24px}h1{font-size:clamp(68px,7.2vw,108px);margin:0 0 34px;position:relative;display:inline-block}.scribble{position:absolute;bottom:-17px;left:3px;width:88%;height:22px;fill:none;stroke:#94a965;stroke-width:2;stroke-linecap:round}.hero-intro{font-size:18px;line-height:1.55;letter-spacing:-.015em}.hero-actions{display:flex;gap:23px;align-items:center;margin:30px 0 15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 23px;font-size:14px;border-radius:4px;border:0;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#35574b}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:4px;white-space:nowrap}.micro{font-size:10px;line-height:1.6;max-width:390px}.hero-stage{position:relative;align-self:stretch;min-height:550px;isolation:isolate}.hero-stage:before{content:'';position:absolute;inset:60px -20px 40px 5px;background:#e5e8d9;border-radius:48% 48% 3px 3px;z-index:-1}.stage-note{font:italic 16px var(--serif);text-align:right;position:relative;padding-right:30px;transform:rotate(-4deg)}.stage-note svg{width:64px;height:50px;fill:none;stroke:var(--ink);stroke-width:1.4;position:absolute;right:0;top:20px}.hero-browser{position:absolute;top:100px;left:0;width:96%;box-shadow:0 14px 36px #253d3420;border-radius:7px;overflow:hidden;transform:rotate(-4deg);border:1px solid #d5d8cb;background:#fff;transition:transform .35s}.hero-browser:hover{transform:rotate(-2deg) translateY(-4px)}.browser-bar{display:flex;justify-content:space-between;align-items:center;height:28px;padding:0 12px;background:#fff;color:#7e857e;font-size:8px;gap:8px}.dots{display:flex;gap:4px}.dots i{height:4px;width:4px;background:#ced2ca;border-radius:50%}.hero-browser img{width:100%;height:auto}.floating-site{position:absolute;right:-7px;bottom:35px;width:43%;min-width:175px;background:#faf6ee;color:#5d231e;padding:19px 17px 12px;transform:rotate(7deg);box-shadow:0 14px 36px #203a3426;border:1px solid #ded6c5;transition:transform .35s}.floating-site:hover{transform:rotate(4deg) translateY(-4px)}.mini-brand{font:9px var(--serif);letter-spacing:.1em;display:block}.mini-title{display:block;font:27px/1.03 var(--serif);letter-spacing:-.04em;margin:17px 0 15px}.floating-site img{width:100%;height:120px;object-fit:cover;border-radius:70px 70px 0 0}.mini-footer{display:flex;font-size:7px;justify-content:space-between;margin-top:12px;gap:10px}.stage-caption{position:absolute;bottom:6px;left:22px;font-size:11px;line-height:1.45;display:flex;gap:12px}.cross{font-size:35px;line-height:1;color:#728458}.principles{display:flex;justify-content:space-between;font-size:11px;gap:20px;padding-block:24px;border-block:1px solid var(--line)}.principles .last{color:var(--muted);font-family:var(--serif);font-style:italic;font-size:14px}.work{padding-block:105px 75px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:30px}.section-top>p{max-width:310px;font-size:14px;margin-bottom:29px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 30px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);padding:9px 15px;border-radius:30px;background:transparent;font-size:12px;transition:background .2s}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.filters button:hover{border-color:var(--ink)}.filters span{font-size:9px;margin-left:8px;opacity:.6}.concept-note{font-size:10px;margin:0;text-align:right}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project[hidden]{display:none}.project.featured{grid-column:1/-1}.project-visual{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:330px;padding:48px 36px 38px;isolation:isolate}.garden-preview{background:#dfe5d7}.butcher-preview{background:#e8d7c9}.plumber-preview{background:#d4e1e4}.featured .project-visual{height:520px;padding:45px 15%}.project-browser{width:100%;box-shadow:0 12px 35px #24362c17;border-radius:4px;overflow:hidden;background:#fff;transition:transform .5s;transform:translateY(12px)}.featured .project-browser{max-width:830px}.project-visual:hover .project-browser{transform:translateY(2px)}.project-browser img{width:100%;height:auto}.explore{position:absolute;bottom:22px;right:22px;padding:12px 18px;border-radius:40px;background:#fff;font-size:12px;box-shadow:0 3px 15px #0001;display:flex;align-items:center;gap:25px}.project-info{display:flex;justify-content:space-between;gap:15px;padding-top:19px}.project-info h3{font-size:23px;margin:0 0 5px}.project-info p{font-size:12px;margin:0}.project-tag{align-self:flex-start;font-size:10px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;margin-top:5px;white-space:nowrap}.after-work{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:40px}.after-work p{font-size:13px;margin:0}.clarity{background:#e9ece2;padding:85px 0}.clarity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.clarity-intro{max-width:345px;font-size:14px}.questions{padding-top:30px}.questions article{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.questions article>span{font-size:10px;padding-top:7px;color:var(--muted)}.questions h3{font-size:20px;margin-bottom:9px}.questions p{font-size:13px;margin:0;max-width:340px}.offer{display:grid;grid-template-columns:1fr .9fr;gap:12%;align-items:center;padding-block:105px}.offer-intro p:not(.eyebrow){font-size:15px;line-height:1.8;margin-bottom:30px}.price-card{border:1px solid var(--line);padding:36px;background:#eeeee4;border-radius:3px;box-shadow:8px 8px 0 #e4e7d9}.price{font-size:96px;font-weight:500;letter-spacing:-.06em;line-height:1.2;margin:16px 0 20px}.price>span{font-size:48px;vertical-align:top;display:inline-block;padding-top:14px;margin-left:5px}.price small{font-size:12px;letter-spacing:0;font-weight:400;margin-left:18px;white-space:nowrap}.subscription{border-block:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.subscription strong{font-size:20px;font-weight:500}.subscription strong span{font-size:12px}.subscription>span{font-size:11px;max-width:110px}.price-card ul{list-style:none;padding:12px 0;font-size:13px;line-height:2.5}.price-card li:before{content:'↳';margin-right:14px;color:#67805f}.price-card .button{width:100%;font-size:12px;padding:17px 18px;gap:15px}.price-card .micro{margin:15px 0 0}.process{display:grid;grid-template-columns:1fr 2fr;gap:7%;border-top:1px solid var(--line);padding-block:65px 85px}.process h2{font-size:40px}.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process li>span{font:italic 27px var(--serif);color:#869771;display:block;margin:4px 0 24px}.process h3{font-size:17px;line-height:1.3}.process li p{font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding-block:60px 100px;border-top:1px solid var(--line)}.faq h2{font-size:40px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;list-style:none;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:13px;padding:0 25px 8px 0}.faq details[open] summary span{transform:rotate(45deg)}.contact{background:var(--ink);color:var(--paper);padding:85px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{font-size:clamp(46px,5vw,74px)}.contact h2 em{color:var(--acid)}.contact p{color:#c0cdc2;font-size:14px}.email-link{display:inline-block;font-size:20px;border-bottom:1px solid #ffffff45;padding-bottom:5px}.signature{display:flex;align-items:center;gap:15px;margin-top:44px;font-size:14px}.signature-mark{display:grid;place-items:center;border:1px solid #fff5;width:45px;height:45px;border-radius:50%;font:italic 32px var(--serif)}.signature small{display:block;font-size:11px;color:#b0c1b5;margin-top:3px}form label{display:block;font-size:12px;color:#e0e6db;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,select,textarea{border:0;border-bottom:1px solid #ffffff50;background:transparent;color:#fff;width:100%;border-radius:0;padding:12px 0;font-size:13px;display:block;margin-top:3px;resize:vertical}input::placeholder,textarea::placeholder{color:#a1b4a8}select option{background:var(--paper);color:var(--ink)}.optional{color:#a1b4a8;font-size:10px}.pale{background:var(--acid);color:var(--ink);width:100%;margin-top:5px}.pale:hover{background:#e7f4bd}.contact .form-note{font-size:10px;line-height:1.65;margin-top:13px;max-width:390px}#form-status{font-size:12px}.footer{display:flex;align-items:center;gap:30px;padding-block:35px;flex-wrap:wrap}.footer .wordmark{font-size:34px}.footer p{margin:0;font-size:12px}.footer>a:last-of-type{margin-left:auto;font-size:12px}.footer small{flex-basis:100%;font-size:10px;color:var(--muted)}.mobile-cta{display:none}.skip{position:fixed;left:20px;top:-100px;background:var(--ink);color:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{padding:0;border:1px solid #b9c5b8;border-radius:10px;width:calc(100% - 40px);max-width:1480px;height:92dvh;max-height:92dvh;background:var(--paper);color:var(--ink);overflow:hidden}dialog::backdrop{background:#102c27c9;backdrop-filter:blur(6px)}dialog[open]{display:flex;flex-direction:column}.demo-controls{display:flex;gap:20px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line);flex:none}.demo-controls h2{font-size:20px;letter-spacing:-.025em;margin:3px 0 0}.demo-controls .eyebrow{font-size:8px}.device-switch{margin-left:auto;background:#e2e6dc;padding:3px;border-radius:30px;display:flex}.device-switch button{background:transparent;border:0;font-size:12px;padding:8px 14px;border-radius:30px}.device-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 5px #0001}.demo-controls>a{font-size:12px}#close-demo{border:1px solid var(--line);background:transparent;border-radius:50%;width:35px;height:35px}.demo-canvas{flex:1;min-height:0;display:flex;justify-content:center;background:#dce1d5;padding:15px;overflow:hidden}iframe{height:100%;width:100%;border:0;background:white;transition:width .3s;border-radius:3px}iframe.mobile{width:390px;max-width:100%;border-radius:18px;border:5px solid #243d34;box-shadow:0 8px 25px #0002}.demo-bottom{display:flex;justify-content:space-between;padding:12px 22px;gap:15px;font-size:11px;flex:none}.demo-bottom>span{color:var(--muted)}body.modal-open{overflow:hidden}@media(min-width:1600px){.wrap{padding-inline:75px}.header{max-width:1440px;padding-inline:75px}}@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:15px}.hero-stage{min-height:510px}.hero-browser{top:120px}.floating-site{bottom:65px}.stage-caption{left:4px}.hero-actions{gap:15px}.hero-actions .button{gap:25px}.hero-actions .text-link{font-size:11px}.hero .eyebrow{font-size:8px}.work-toolbar{align-items:flex-start}.concept-note{max-width:160px}.project-visual{padding:35px 24px;min-height:260px}.featured .project-visual{height:430px;padding:35px 12%}.project-info{flex-wrap:wrap}.offer{gap:6%;grid-template-columns:1fr 1fr}.price-card{padding:25px}.price small{margin-left:10px}.process{grid-template-columns:1fr}.process h2 br{display:none}.contact-grid{gap:6%}}@media(max-width:700px){html{scroll-padding-top:20px}.wrap{padding-inline:6%}.header{height:76px}.wordmark{font-size:36px}.header nav{gap:18px;font-size:12px}.header nav>a:nth-child(2){display:none}.nav-cta{padding:9px 12px;gap:12px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:35px;gap:25px}.hero .eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:clamp(64px,13.5vw,88px);line-height:1.02;letter-spacing:-.06em;margin-bottom:30px}.hero-intro{font-size:16px}.hero-actions{margin-top:24px;gap:22px}.hero-actions .button{padding:15px 21px;gap:35px}.hero-actions .text-link{font-size:12px}.hero .micro{font-size:9px;max-width:300px}.hero-stage{min-height:415px;margin:0 5px}.hero-stage:before{inset:34px 0 15px}.stage-note{font-size:13px;padding-right:22px}.stage-note svg{height:38px;right:-8px}.hero-browser{top:65px;left:3%;width:88%}.floating-site{right:0;bottom:38px;width:40%;min-width:142px;padding:14px 13px 10px}.mini-title{font-size:23px;margin:13px 0}.mini-brand{font-size:8px}.floating-site img{height:105px}.mini-footer{font-size:6px}.stage-caption{left:0;bottom:6px;font-size:10px;gap:8px}.cross{font-size:29px}.principles{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:12px;padding-block:20px}.principles .last{font-size:12px}.work{padding-block:62px 45px}.section-top{display:block;margin-bottom:22px}h2{font-size:40px;letter-spacing:-.055em}.section-top>p{max-width:100%;font-size:13px;margin:22px 0}.work-toolbar{display:block;margin:25px 0 20px}.filters{gap:6px}.filters button{font-size:11px;padding:8px 13px}.concept-note{max-width:none;text-align:left;margin-top:15px;font-size:9px}.projects{grid-template-columns:1fr;gap:28px}.project.featured{grid-column:auto}.project-visual,.featured .project-visual{height:auto;min-height:280px;padding:25px 22px 48px}.project-browser{transform:none}.project-info{gap:12px;padding-top:15px}.project-info h3{font-size:21px}.project-info p{font-size:11px}.project-tag{font-size:9px;margin-top:0}.explore{font-size:11px;padding:10px 14px;bottom:14px;right:14px}.after-work{display:block;padding-top:30px}.after-work p{font-size:12px;margin-bottom:12px}.clarity{padding-block:55px}.clarity-grid{grid-template-columns:1fr;gap:5px}.clarity-intro{font-size:13px}.questions{padding-top:4px}.questions h3{font-size:18px}.questions p{font-size:12px}.offer{grid-template-columns:1fr;gap:30px;padding-block:60px}.offer-intro p:not(.eyebrow){font-size:13px}.price-card{padding:26px}.price{font-size:88px}.price small{margin-left:22px}.price-card .micro{font-size:10px}.process{padding-block:40px;gap:15px}.process h2,.faq h2{font-size:37px}.process ol{grid-template-columns:1fr;gap:10px}.process li{display:grid;grid-template-columns:35px 1fr;column-gap:16px;border-top:1px solid var(--line);padding-top:20px}.process li>span{grid-row:span 2;font-size:25px;margin:0}.process h3{margin:0 0 8px}.process li p{margin-bottom:12px}.faq{grid-template-columns:1fr;padding-block:35px 60px;gap:0}.faq summary{font-size:13px}.contact{padding-block:60px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact h2{font-size:51px}.contact p{font-size:13px}.email-link{font-size:20px}.signature{margin-top:26px}.form-row{gap:18px}form label{font-size:11px}.contact .form-note{max-width:100%}.footer{padding-block:30px 100px;gap:20px}.footer p{font-size:10px}.footer>a:last-of-type{margin-left:0}.footer small{font-size:9px}.mobile-cta{position:fixed;bottom:14px;left:6%;right:6%;padding:15px 20px;background:var(--ink);color:white;z-index:5;border:1px solid #ffffff45;border-radius:5px;box-shadow:0 6px 24px #0002;justify-content:space-between;align-items:center;font-size:13px;display:flex}.mobile-cta.in-contact{opacity:0;pointer-events:none}dialog{width:calc(100% - 16px);max-height:96dvh;height:96dvh}.demo-controls{padding:12px;gap:12px;flex-wrap:wrap}.demo-controls h2{font-size:16px}.device-switch{display:none}.demo-controls>a{margin-left:auto;font-size:11px}.demo-canvas{padding:0}.demo-bottom{padding:12px;font-size:10px;flex-direction:column;gap:5px}.demo-bottom span{font-size:9px}iframe.mobile{width:100%;border:0;border-radius:0}body.modal-open .mobile-cta{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.featured .project-browser{align-self:flex-start}
