:root{--paper:#f4f0e2;--green:#164632;--orange:#f16a36;--yellow:#f4cf43;--ink:#153d2c;--line:#c5c4ae}*{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}.nav{height:78px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.brand-mark{font-size:27px;color:var(--orange)}.studio{font:10px 'DM Mono',monospace;letter-spacing:0;margin-left:4px}nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:700}nav a:hover,footer a:hover{color:var(--orange)}.nav-cta{background:var(--green);color:var(--paper);padding:13px 20px;border-radius:30px}.nav-cta span{color:var(--yellow);margin-left:15px}.menu{display:none}.hero{min-height:650px;padding:65px 10% 75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3%;overflow:hidden}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:1.2px;font-weight:500}.hero .eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:8px}.hero h1{font-size:clamp(64px,7.3vw,105px);letter-spacing:-.085em;line-height:.88;margin:30px 0 24px;font-weight:900}.outlined{-webkit-text-stroke:2px var(--green);color:transparent}.highlight{color:var(--orange)}.hero-text{font-size:17px;line-height:1.6;max-width:370px}.pill{display:inline-flex;align-items:center;gap:34px;border-radius:50px;padding:16px 23px;font-size:13px;font-weight:700;margin-top:14px}.pill b{font-size:19px}.dark{background:var(--green);color:white}.dark:hover{background:var(--orange);transform:translateY(-3px)}.hero-note{font:9px 'DM Mono';letter-spacing:.5px;margin-top:42px}.hero-note span{color:var(--orange);font-size:16px}.hero-art{height:470px;position:relative;background:var(--yellow);border-radius:48% 52% 40% 60% / 56% 46% 54% 44%;transform:rotate(2deg);margin:0 4%}.sun{position:absolute;width:225px;height:225px;background:var(--orange);border-radius:50%;top:87px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 13px #f16a3625}.sticker{position:absolute;top:113px;left:50%;transform:translateX(-50%) rotate(-8deg);font-size:27px;font-weight:900;letter-spacing:-1.8px;line-height:.91;text-align:center;color:var(--paper)}.sticker span{font-size:19px;color:var(--yellow)}.bubble{position:absolute;background:var(--paper);padding:14px 20px;border-radius:22px;font-size:13px;font-weight:700;line-height:1.35;box-shadow:0 4px 0 #16463220;transform:rotate(-5deg)}.bubble:after{content:'';position:absolute;width:15px;height:15px;background:var(--paper);bottom:-6px;left:21px;transform:rotate(45deg)}.bubble-one{top:63px;right:-14px}.bubble-one b{color:var(--orange);font-size:18px}.bubble-two{bottom:100px;left:-35px;transform:rotate(5deg);background:var(--green);color:white}.bubble-two:after{background:var(--green);left:auto;right:25px}.bubble-two em{color:var(--yellow);font-style:normal}.orbit{position:absolute;color:var(--green);font-size:35px}.o1{top:47px;left:30px}.o2{right:42px;bottom:80px;color:var(--orange)}.plant{position:absolute;bottom:37px;right:82px;width:65px;height:100px}.pot{position:absolute;bottom:0;left:10px;background:var(--orange);width:48px;height:43px;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%)}.plant i{position:absolute;bottom:36px;left:31px;width:20px;height:60px;border-radius:100% 0 100% 0;background:var(--green);transform:rotate(-25deg);transform-origin:bottom}.plant i:nth-child(3){transform:rotate(32deg);height:46px}.plant i:nth-child(4){transform:rotate(3deg);height:68px}.art-caption{position:absolute;bottom:55px;left:50%;transform:translateX(-50%) rotate(-2deg);font:9px 'DM Mono';white-space:nowrap}.art-caption span{font-size:16px}.ticker{overflow:hidden;background:var(--green);color:var(--paper);padding:18px 0;font:12px 'DM Mono';letter-spacing:1px;white-space:nowrap}.ticker div{animation:slide 24s linear infinite;width:max-content}.ticker span{color:var(--yellow);margin:0 25px}@keyframes slide{to{transform:translateX(-33%)}}.work{padding:105px 8% 90px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-head h2,.process h2{font-size:clamp(48px,6vw,76px);letter-spacing:-.07em;line-height:.93;margin:17px 0 0}.section-head h2 span{color:var(--orange)}.section-head>p{max-width:280px;line-height:1.6;font-size:14px;margin:0 4% 5px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{min-width:0}.project-top{display:flex;justify-content:space-between;font:9px 'DM Mono';letter-spacing:.4px;margin:0 0 11px}.mock{height:310px;position:relative;overflow:hidden;padding:20px}.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:900;letter-spacing:-.4px}.mock-nav span{font:8px 'DM Mono';letter-spacing:0}.cafe{background:#f8d8bd;color:#673d29}.cafe-title{font-size:54px;line-height:.84;letter-spacing:-4px;font-weight:900;margin:33px 0 0 10px}.bread{font-size:86px;position:absolute;right:37px;top:91px;transform:rotate(-18deg);filter:drop-shadow(4px 8px 0 #a36c4933)}.mock-button{position:absolute;bottom:36px;left:29px;background:#673d29;color:#fff4d7;padding:12px 16px;border-radius:30px;font:9px 'DM Mono'}.small-copy{position:absolute;bottom:44px;right:21px;font-size:10px;line-height:1.4}.garden{background:#c7d6a7;color:#244629}.garden-title{font-weight:900;font-size:58px;line-height:.85;letter-spacing:-5px;margin:42px 0 0 10px;position:relative;z-index:1}.garden-title i{font-family:Georgia;font-weight:400}.leaf{position:absolute;font-size:178px;right:-9px;top:44px;color:#718b54;transform:rotate(-18deg)}.garden-bubble{position:absolute;bottom:48px;left:30px;background:#f4f0e2;border-radius:50%;padding:17px 20px;font-size:11px;line-height:1.2;transform:rotate(-8deg)}.garden-bottom{position:absolute;bottom:18px;right:20px;font:7px 'DM Mono';max-width:130px}.repair{background:#1b4739;color:#f4f0e2}.repair-title{font-size:49px;font-weight:900;letter-spacing:-4px;line-height:.88;margin:66px 0 0 9px;position:relative;z-index:1}.repair-title span{color:var(--yellow)}.tool{position:absolute;right:33px;top:105px;font-size:95px;transform:rotate(-25deg)}.repair-stamp{position:absolute;right:36px;bottom:53px;border:1px solid var(--yellow);border-radius:50%;width:81px;height:81px;display:grid;place-content:center;text-align:center;color:var(--yellow);font:10px 'DM Mono';transform:rotate(13deg)}.repair-bottom{position:absolute;bottom:29px;left:30px;font-size:11px}.card-foot{padding:18px 1px}.card-foot h3{font-size:17px;margin:0 0 5px;letter-spacing:-.5px}.card-foot span{font-size:12px;color:#627066}.concept-note{text-align:center;font:9px 'DM Mono';letter-spacing:.7px;margin-top:28px}.manifesto{min-height:460px;background:var(--orange);position:relative;padding:92px 12%;overflow:hidden;color:var(--paper)}.manifesto-inner{max-width:800px;margin:auto;position:relative;z-index:1}.manifesto h2{font-size:clamp(58px,8vw,100px);line-height:.88;letter-spacing:-.08em;margin:25px 0}.manifesto h2 span{color:var(--yellow)}.manifesto-spark{position:absolute;font-size:400px;right:-30px;top:-145px;opacity:.12}.speech{position:absolute;right:4%;bottom:0;background:var(--paper);color:var(--green);border-radius:25px 25px 25px 4px;padding:18px 22px;font-weight:700;font-size:13px;transform:rotate(4deg)}.speech i{display:block;font:8px 'DM Mono';margin-top:8px}.process{padding:100px 10%}.process h2{max-width:700px;margin-bottom:55px}.process h2 span{color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps>div{border-top:1px solid var(--line);padding-top:19px}.steps b{font:12px 'DM Mono';color:var(--orange)}.steps h3{font-size:20px;letter-spacing:-.6px;margin:24px 0 10px}.steps p{font-size:13px;line-height:1.65;color:#58665c;max-width:255px}.contact{position:relative;background:var(--green);color:var(--paper);padding:80px 12%;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.contact h2{font-size:clamp(60px,7vw,88px);line-height:.85;letter-spacing:-.08em;margin:22px 0}.contact-left>p{font-size:14px}.contact-right{position:relative;z-index:1;display:flex;align-items:flex-start;flex-direction:column}.contact-bubble{background:var(--paper);color:var(--green);padding:17px 20px;border-radius:18px 18px 18px 3px;font-size:13px;font-weight:700;transform:rotate(-3deg);margin-bottom:20px}.contact-bubble span{color:var(--orange);margin-left:20px}.yellow{background:var(--yellow);color:var(--green)}.contact-right small{font:8px 'DM Mono';margin-top:15px}.contact-doodle{position:absolute;font-size:280px;right:28%;bottom:-100px;color:#ffffff0b}footer{height:78px;padding:0 7%;display:flex;justify-content:space-between;align-items:center;font:9px 'DM Mono';border-top:1px solid #ffffff33;background:var(--green);color:var(--paper)}footer .brand{font:900 17px 'DM Sans';letter-spacing:-1px}footer .brand-mark{color:var(--yellow)}
@media(max-width:800px){.nav{padding:0 6%;height:70px}nav{gap:17px;font-size:11px}.hero{padding:55px 8%;gap:0}.hero-art{height:390px;margin:0}.sticker{font-size:22px}.sun{width:185px;height:185px}.bubble-one{right:-10px}.bubble-two{left:-28px}.cards{grid-template-columns:1fr 1fr}.project:last-child{grid-column:1/-1}.project:last-child .mock{height:350px}.contact{padding:70px 8%}}@media(max-width:560px){nav{display:none}.menu{display:block;background:none;border:0;color:var(--green);font-size:22px}.nav.open nav{display:flex;position:absolute;z-index:5;top:70px;left:0;right:0;padding:20px 8%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open nav a{padding:8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:48px 7% 60px;gap:46px}.hero h1{font-size:clamp(66px,16vw,88px)}.hero-art{height:365px;margin:0 7%}.section-head{display:block}.section-head>p{margin-top:23px}.work{padding:75px 7%}.cards{grid-template-columns:1fr;gap:20px}.project:last-child{grid-column:auto}.mock{height:300px!important}.manifesto{padding:75px 8%;min-height:440px}.manifesto h2{font-size:64px}.speech{right:5%;bottom:30px}.process{padding:75px 8%}.process h2{font-size:53px;margin-bottom:40px}.steps{grid-template-columns:1fr;gap:15px}.steps>div{padding:16px 0}.steps h3{margin:13px 0 5px}.steps p{max-width:none;margin-top:5px}.contact{display:block;padding:65px 8%}.contact-right{margin-top:40px}.contact h2{font-size:70px}footer{padding:20px 6%;height:auto;gap:12px;flex-wrap:wrap}footer>span{order:3;width:100%;text-align:center;font-size:8px}}
/* Campaign-style opening inspired by the supplied reference */
.nav{position:absolute;z-index:4;top:0;left:0;right:0;height:58px;border:0;color:#fff7df;padding:0 3.5%}.nav .brand{font-size:16px}.nav .brand-mark{color:var(--yellow)}.nav .studio{font-size:8px}.nav nav{gap:clamp(18px,5vw,76px);font:9px 'DM Mono';letter-spacing:.7px}.nav nav a:hover{color:var(--yellow)}.menu{color:var(--paper)}.hero{height:min(790px,100svh);min-height:660px;max-height:900px;position:relative;display:block;overflow:hidden;padding:0;background:var(--orange);color:var(--paper)}.hero-bgword{position:absolute;left:50%;top:7%;transform:translateX(-50%);font-size:clamp(190px,32vw,480px);line-height:.8;font-weight:900;letter-spacing:-.1em;color:var(--yellow);white-space:nowrap;opacity:.98}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-cream{width:38vw;height:38vw;max-width:560px;max-height:560px;background:var(--paper);right:-7%;top:-25%;opacity:.98}.orb-green{width:20vw;height:20vw;max-width:270px;max-height:270px;background:var(--green);left:3%;bottom:-23%;opacity:.95}.hero-main{position:absolute;inset:0;z-index:1}.hero-main h1{position:absolute;z-index:2;left:50%;top:7%;transform:translateX(-50%);font-size:clamp(116px,22vw,320px);line-height:.7;letter-spacing:-.11em;text-align:center;margin:0;color:var(--yellow);white-space:nowrap}.hero-main h1 span{color:var(--green)}.hero-window{position:absolute;z-index:3;left:50%;top:30%;width:min(48vw,610px);height:min(41vw,440px);min-height:310px;transform:translateX(-50%) rotate(-2deg);filter:drop-shadow(0 20px 24px #6d341e55)}.window-bar{height:28px;border-radius:12px 12px 0 0;background:#fff9e8;color:var(--green);font:7px 'DM Mono';display:flex;align-items:center;justify-content:space-between;padding:0 12px}.window-bar span:first-child{color:var(--orange);letter-spacing:2px}.window-content{height:calc(100% - 28px);background:#f7d6b8;color:#15432f;padding:18px 23px;position:relative;overflow:hidden}.window-nav{display:flex;justify-content:space-between;font-size:10px;font-weight:900}.window-nav span{font:7px 'DM Mono'}.window-head{position:absolute;z-index:2;left:8%;top:25%;font-size:clamp(35px,6vw,83px);line-height:.8;letter-spacing:-.08em;font-weight:900}.window-head em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.window-circle{position:absolute;right:5%;top:22%;width:45%;aspect-ratio:1;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:var(--orange);font-size:clamp(75px,12vw,170px);transform:rotate(13deg)}.window-small{position:absolute;bottom:8%;left:8%;font:8px 'DM Mono';letter-spacing:.6px}.hero-meta,.hero-caption{position:absolute;z-index:2;left:2%;top:47%;font:10px 'DM Mono';line-height:1.4;color:#fff2d7}.hero-caption{left:auto;right:2%;top:49%;text-align:right}.hero-speech{position:absolute;z-index:4;left:12%;bottom:14%;background:var(--paper);border-radius:22px 22px 22px 4px;padding:16px 20px;color:var(--green);font-size:14px;font-weight:800;line-height:1.2;transform:rotate(-7deg);box-shadow:0 5px 0 #713d22}.hero-speech em{font-family:Georgia;color:var(--orange);font-weight:400}.hero-round{position:absolute;z-index:4;right:8%;bottom:10%;width:140px;height:140px;border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--green);font:700 10px 'DM Mono';line-height:1.35;transform:rotate(7deg);transition:transform .2s}.hero-round:hover{transform:rotate(0) scale(1.08)}.hero-round b{font:25px 'DM Sans';margin-top:4px}.hero-bottom{position:absolute;z-index:2;bottom:2%;left:50%;transform:translateX(-50%);font:9px 'DM Mono';letter-spacing:1px;white-space:nowrap;color:#fff3df}.hero-bottom span{color:var(--yellow);font-size:15px;margin-left:6px}.ticker{display:none}
@media(max-width:800px){.hero{height:780px;max-height:none}.hero-bgword{font-size:36vw;top:11%}.hero-main h1{top:13%;font-size:24vw}.hero-window{top:34%;width:68vw;height:54vw}.hero-meta{left:3%;top:54%;font-size:8px}.hero-caption{right:3%;top:57%;font-size:8px}.hero-speech{left:7%;bottom:12%;font-size:12px}.hero-round{width:118px;height:118px;right:7%;bottom:8%;font-size:9px}.orb-cream{width:50vw;height:50vw;right:-17%;top:-6%}.hero-bottom{font-size:7px}}@media(max-width:560px){.nav{height:54px;padding:0 5%}.nav .brand{font-size:15px}.nav.open nav{display:flex;top:54px;background:var(--green);color:var(--paper)}.hero{min-height:700px;height:calc(100svh - 54px);margin-top:54px}.hero-bgword{top:15%;font-size:40vw}.hero-main h1{top:16%;font-size:25vw}.hero-window{top:35%;width:82vw;height:63vw;min-height:260px}.window-content{padding:14px}.window-nav{font-size:8px}.window-nav span{font-size:6px}.window-head{font-size:11vw}.window-circle{font-size:22vw}.window-small{font-size:6px}.hero-meta{top:58%;left:3%;font-size:7px}.hero-caption{top:61%;right:3%;font-size:7px}.hero-speech{bottom:11%;left:5%;padding:12px 14px;font-size:11px}.hero-round{width:103px;height:103px;bottom:7%;right:5%;font-size:8px}.hero-bottom{bottom:2%;font-size:6px;letter-spacing:.5px}.orb-cream{width:58vw;height:58vw;right:-28%;top:-2%}}
.whatsapp{position:fixed;z-index:20;right:24px;bottom:22px;display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:50px;background:#164632;color:#f4f0e2;box-shadow:0 5px 18px #102d2440;font:10px DM Mono;letter-spacing:.6px;transition:transform .2s,background .2s}.whatsapp:hover{transform:translateY(-4px);background:#176b45}.wa-icon{width:25px;height:25px;border:1px solid #f4cf43;border-radius:50%;display:grid;place-items:center;color:#f4cf43;font-size:15px}.wa-label{white-space:nowrap}@media(max-width:560px){.whatsapp{right:14px;bottom:14px;padding:10px 13px}.wa-label{font-size:9px}}
/* Restore the original split hero after the campaign style experiment */
.nav{position:relative;height:78px;padding:0 6.5%;border-bottom:1px solid var(--line);color:var(--ink)}.nav .brand{font-size:20px}.nav .brand-mark{color:var(--orange)}.nav .studio{font-size:10px}.nav nav{gap:36px;font:700 13px 'DM Sans';letter-spacing:0}.nav nav a:hover{color:var(--orange)}.menu{color:var(--green)}.hero{height:auto;min-height:650px;max-height:none;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3%;overflow:hidden;padding:65px 10% 75px;background:var(--paper);color:var(--ink)}.hero-copy,.hero-art,.hero h1,.hero-text,.hero .eyebrow,.hero-note,.pill{position:relative;inset:auto;transform:none}.hero h1{font-size:clamp(64px,7.3vw,105px);letter-spacing:-.085em;line-height:.88;margin:30px 0 24px;font-weight:900;text-align:left;white-space:normal;color:var(--ink)}.hero-main{position:static}.hero-bgword,.hero-orb,.hero-meta,.hero-caption,.hero-speech,.hero-round,.hero-bottom{display:none}.hero-art{height:470px;background:var(--yellow);border-radius:48% 52% 40% 60% / 56% 46% 54% 44%;margin:0 4%}.sun{position:absolute;width:225px;height:225px;background:var(--orange);border-radius:50%;top:87px;left:50%;transform:translateX(-50%)}.sticker{position:absolute;top:113px;left:50%;transform:translateX(-50%) rotate(-8deg);font-size:27px;line-height:.91;text-align:center;color:var(--paper)}.bubble{position:absolute;background:var(--paper);padding:14px 20px;border-radius:22px;font-size:13px;line-height:1.35;transform:rotate(-5deg)}.bubble-one{top:63px;right:-14px}.bubble-two{bottom:100px;left:-35px;transform:rotate(5deg);background:var(--green);color:white}.plant{position:absolute;bottom:37px;right:82px;width:65px;height:100px}.ticker{display:block}.whatsapp-float{position:fixed;z-index:10;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:40px;background:#1b9b61;color:#fff;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 5px 20px #123c2e40;transition:transform .2s,background .2s}.whatsapp-float:hover{transform:translateY(-3px);background:#12834f}.wa-icon{font-size:19px}.whatsapp-float b{font-size:15px;color:#d9f59c}@media(max-width:800px){.hero{padding:55px 8%;gap:0}.hero-art{height:390px;margin:0}.nav{padding:0 6%;height:70px}}@media(max-width:560px){.hero{display:flex;flex-direction:column;align-items:stretch;padding:48px 7% 60px;gap:46px}.hero h1{font-size:clamp(66px,16vw,88px)}.hero-art{height:365px;margin:0 7%}.nav{height:70px}.nav.open nav{top:70px}.whatsapp-float{right:14px;bottom:14px;padding:12px 15px}.whatsapp-float span:nth-child(2){font-size:12px}}
.nav .nav-wa{background:#1b9b61;color:#fff;padding:11px 16px;border-radius:24px}.nav .nav-wa:hover{color:#fff;background:#12834f}.whatsapp-float{font-size:14px;padding:15px 20px;min-height:54px}.whatsapp-float .wa-icon{font-size:22px}