*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f5ee;color:#20352a;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e57e28;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,5.7vw,6rem);font-weight:500}h2{font-size:clamp(2.3rem,4vw,4.3rem);font-weight:500}h3{font-size:1.6rem}p{margin-top:20px}h1,h2,.wordmark{font-family:Georgia,'Times New Roman',serif}button,summary,a{touch-action:manipulation}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:#fff;z-index:9;padding:12px}.demo-bar{background:#20352a;color:#fff;display:flex;justify-content:space-between;padding:12px 4vw;font-size:12px;gap:20px}.demo-bar a{text-decoration:none}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;gap:24px;border-bottom:1px solid #20352a22}.wordmark{font-size:26px;font-weight:700;letter-spacing:-1px;text-decoration:none;line-height:1.1}.brand-sub{display:block;font:10px Arial;letter-spacing:.2em;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.site-header nav a{text-decoration:none}.nav-cta{border-bottom:1px solid;padding-bottom:6px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:85px 5vw 70px;align-self:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 25px}.intro{max-width:460px;font-size:17px;line-height:1.75;margin:30px 0}.hero-image{position:relative;min-height:100%;overflow:hidden}.hero-image img{height:100%;width:100%;object-position:center}.hero-image figcaption{position:absolute;bottom:25px;right:25px;background:#fffdf1;color:#20352a;padding:8px 14px;font-size:10px;letter-spacing:.2em}.button{display:inline-flex;justify-content:space-between;gap:32px;align-items:center;padding:16px 24px;background:var(--accent,#203f2e);color:var(--on-accent,#fff);border:0;text-decoration:none;border-radius:2px;font-size:13px;font-weight:700;cursor:pointer;min-height:50px}.button:hover{filter:brightness(1.12)}.micro{font-size:12px;line-height:1.6;opacity:.8;max-width:530px}.section{padding:95px 6vw}.section-title{margin-bottom:48px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.services article{border-top:1px solid #70817166;padding:22px 0}.ordinal{font-size:12px;display:block;margin-bottom:40px}.services p{max-width:310px;opacity:.85}.services a{display:inline-block;font-size:12px;font-weight:700;margin-top:28px}.planner{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;background:var(--panel,#e7eadd)}.planner>div>p{max-width:540px}.choices{display:grid;gap:18px;margin:28px 0}label{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;margin:18px 0}select{display:block;width:100%;max-width:600px;padding:14px 40px 14px 14px;border:1px solid #87998c;border-radius:0;margin-top:8px;background:#fff;color:#20352a;font-size:15px}.brief{background:var(--paper,#fffdf7);color:#20352a;padding:40px;align-self:start;border-top:4px solid var(--accent,#203f2e);margin-top:10px;min-height:290px}.brief ul{padding-left:18px}.brief li{margin:12px 0}.brief .total{font:38px Georgia;margin-top:20px}.reset{background:transparent;border:0;color:inherit;text-decoration:underline;padding:15px;cursor:pointer;font-size:12px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.approach>div>p{margin-top:0}details{border-bottom:1px solid #84928655;padding:22px 0;font-size:14px}summary{font-weight:700;cursor:pointer;min-height:26px}details p{line-height:1.8}.studio-note{padding:80px 7vw;text-align:center;border-top:1px solid #20352a33}.studio-note p{max-width:680px;margin:24px auto}.studio-note .eyebrow{margin:0 auto 20px}footer{padding:35px 5vw;display:flex;justify-content:space-between;gap:24px;font-size:12px;border-top:1px solid #80908033}footer span{opacity:.75}.landscaping .hero{display:block;position:relative;min-height:750px;color:white}.landscaping .hero-copy{position:relative;z-index:1;max-width:850px;padding:130px 6vw 100px;background:linear-gradient(90deg,#142d22df,transparent)}.landscaping .hero-image{position:absolute;inset:0}.landscaping .hero-image:after{content:'';position:absolute;inset:0;background:#09261a1a}.landscaping .button{--accent:#f0edcf;--on-accent:#20352a}.landscaping .planner .button,.landscaping .studio-note .button{--accent:#203f2e;--on-accent:white}.plumbing{background:#f7fbff;color:#123659;--accent:#174da0;--panel:#e5f0fa}.plumbing h1,.plumbing h2,.plumbing .wordmark{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.055em}.plumbing .hero{margin:30px 3vw;min-height:610px}.plumbing .hero-image{border-radius:160px 6px 6px 6px}.plumbing .hero-copy{padding-left:2vw}.plumbing .services article{background:white;padding:30px;border:1px solid #cadcea;border-radius:8px}.roofing{background:#eae5db;color:#2e302d;--accent:#9b4b26;--panel:#dbd4c5}.roofing .hero{grid-template-columns:.9fr 1.1fr;min-height:700px}.roofing .hero-copy{border-bottom:10px solid #9b4b26}.roofing .eyebrow{color:#813c21}.roofing .hero-image img{object-position:30% center}.roofing .services article{border-top:3px solid #9b4b26}.food{background:#faf1dd;color:#752923;--accent:#972f25;--panel:#eedcb8}.food .hero{grid-template-columns:1fr 1.1fr}.food h1{font-weight:700;font-style:italic;font-size:clamp(4rem,7vw,7.5rem)}.food .hero-image{margin:40px 3vw 40px 0;min-height:550px;border-radius:48% 48% 2px 2px}.food .section-title{text-align:center}.food .services article{border:1px solid #b4786166;padding:26px;background:#fffaf0}.food .services .ordinal{color:#972f25}.auto{background:#121b22;color:#f6f4ec;--accent:#e3c53b;--on-accent:#172029;--panel:#1c2a34;--paper:#f8f5ea}.auto .demo-bar{background:#e3c53b;color:#172029}.auto h1,.auto h2,.auto .wordmark{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.06em}.auto .wordmark{font-style:italic}.auto .hero{grid-template-columns:1fr 1.1fr}.auto .hero-image{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.auto .eyebrow{color:#e3c53b}.auto .brief .eyebrow{color:#435025}.auto .services article{border-top:2px solid #e3c53b}.studio-hero{padding:95px 6vw 70px;max-width:1150px}.studio-hero h1{font-size:clamp(3.7rem,7.2vw,7.8rem)}.studio-hero>p:not(.eyebrow){max-width:650px;font-size:18px}.studio-hero .micro{font-size:12px!important}.studio-grid{padding:10px 6vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.study{text-decoration:none}.study>div{position:relative;overflow:hidden}.study img{width:100%;aspect-ratio:3/2;transition:transform .3s}.study:hover img{transform:scale(1.025)}.study>div span{position:absolute;bottom:20px;right:20px;background:#fffdf0;padding:10px 15px;font-size:12px}.study>.eyebrow{margin:23px 0 12px}.study h2{font-size:34px}.study>p:last-child{font-size:14px;margin-top:13px}.product-study{background:#dfdfc4;padding:45px;display:flex;flex-direction:column;justify-content:center}.product-study h2{font-size:55px}.product-study .button{align-self:start;margin-top:30px}.campaign{padding:65px 6vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;border-top:1px solid #74807544}.campaign>div{align-self:center}.campaign figure img{max-height:680px;width:100%;object-fit:contain}.campaign h2{font-size:clamp(2.5rem,4.5vw,4.6rem)}.campaign video{width:140px;max-height:230px;margin-top:25px;background:#142d22}.campaign.coffee{background:#f0e1c9}.campaign.bag{background:#e4e8ef;color:#172950}.product-studio .planner{margin-top:20px}@media(max-width:760px){.demo-bar{flex-direction:column;gap:4px;font-size:10px}.site-header{padding:22px 5vw;flex-wrap:wrap}.wordmark{font-size:23px}.site-header nav{gap:20px;font-size:12px}.hero,.roofing .hero,.food .hero,.auto .hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 6vw 40px}.hero-image{height:340px;min-height:0}.landscaping .hero{min-height:680px}.landscaping .hero-copy{padding:85px 6vw 70px;background:#12322185}.landscaping .hero-image{height:100%}.landscaping .hero-image figcaption{display:none}.plumbing .hero{margin:0}.plumbing .hero-copy{padding:50px 6vw}.plumbing .hero-image{border-radius:80px 0 0 0;margin:0 5vw;height:320px}.roofing .hero-copy{border:0}.food .hero-image{margin:0 5vw 20px;min-height:300px;height:330px}.auto .hero-image{clip-path:none}.section{padding:65px 6vw}.services{grid-template-columns:1fr;gap:25px}.ordinal{margin-bottom:20px}.planner,.approach,.campaign{grid-template-columns:1fr;gap:38px}.brief{padding:26px}.studio-note{padding:60px 6vw}footer{flex-direction:column;gap:8px}.studio-hero{padding:65px 6vw 45px}.studio-grid{grid-template-columns:1fr;gap:40px}.product-study{padding:35px}.campaign{padding:45px 6vw}.campaign figure img{max-height:550px}.section-title{margin-bottom:30px}.intro{font-size:16px}.button{max-width:100%;gap:20px}h1{overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.study img{height:auto}.demo-bar a{min-height:24px;display:inline-flex;align-items:center}

.campaign figure video{display:block;width:100%;height:auto;max-height:780px;aspect-ratio:9/16;object-fit:contain;margin:0;background:#18201d}.campaign figure figcaption{margin-top:12px}@media(max-width:760px){.campaign figure video{max-height:650px}}
