@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{--green:#a4c735;--ink:#191d18;--muted:#62685e;--pale:#f4f6ef;--line:#dce1d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #658000;outline-offset:5px}input:focus,textarea:focus{outline:2px solid #658000}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:600}h1,h2{letter-spacing:-.065em;line-height:1.04}h1{font-size:clamp(66px,7.1vw,104px)}h2{font-size:clamp(40px,4.5vw,64px)}h3{line-height:1.25}em{font-style:normal;color:#718d17}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.preview{padding:7px 48px;background:var(--ink);color:white;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}.preview span{letter-spacing:1px;color:#cdd2c7}header{height:105px;max-width:1296px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:white}.brand{display:flex;align-items:center;gap:22px}.brand img{width:59px;height:87px;object-fit:contain}.brand>span{border-left:1px solid var(--line);padding-left:22px;font-size:10px;line-height:1.6;letter-spacing:1.5px}nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}.nav-contact{border:1px solid var(--line);padding:12px 20px}.nav-contact span{margin-left:24px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:38px;padding-bottom:65px}.hero-copy{padding-top:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:27px}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}.intro{font-size:16px;max-width:410px;color:var(--muted);margin-top:27px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.button{background:var(--green);border:0;padding:17px 22px;display:inline-flex;gap:35px;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;color:var(--ink);transition:background .2s}.button:hover{background:#b4d64b}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-weight:600}.hero-bottom{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:1.5px;margin-top:50px}.hero-bottom i{height:3px;width:3px;background:var(--green)}.hero-image{position:relative;min-height:590px;margin-right:20px;background:var(--pale)}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 43%}.image-label{position:absolute;bottom:20px;left:20px;right:20px;background:white;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.image-label span{font-size:9px;letter-spacing:1.3px;font-weight:700}.image-label a{font-size:11px}.vertical-label{position:absolute;right:-28px;top:0;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.service-strip{background:var(--pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-strip .wrap{display:flex;justify-content:space-between;padding-block:24px;font-size:12px}.service-strip span:before{content:'↗';color:#718d17;margin-right:16px}.section{padding-block:100px}.section-head{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:30px;align-items:start}.section-head .eyebrow{padding-top:10px}.section-head>p:last-child{font-size:14px;color:var(--muted);padding-top:9px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:55px}.services article{border-top:1px solid var(--line);padding-top:22px}.service-number{font-size:11px;color:#75875b}.services h3{font-size:23px;margin:27px 0 15px;letter-spacing:-.6px}.services p{font-size:14px;color:var(--muted);max-width:330px}.services a{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-top:27px;padding-bottom:15px;border-bottom:1px solid var(--line)}.work{background:var(--pale)}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.work-heading>p{font-size:14px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.photo{position:relative;border:0;padding:0;display:block;width:100%;background:#e5e9de;overflow:hidden;text-align:left}.photo img{width:100%;height:470px;object-fit:cover;transition:transform .35s}.photo:hover img{transform:scale(1.025)}.photo span{position:absolute;bottom:16px;left:16px;background:white;padding:8px 12px;font-size:9px;letter-spacing:1px}.project-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.project-title h3{font-size:23px;letter-spacing:-.5px}.project-title>span{font-size:11px;color:#6a7857}.project>p{font-size:14px;color:var(--muted);max-width:460px}.conversion{display:grid;grid-template-columns:1fr 1.6fr;gap:55px;margin-top:65px;padding-top:55px;border-top:1px solid #ccd4bf}.conversion h3{font-size:33px;letter-spacing:-1px}.conversion-copy>p:not(.eyebrow){font-size:14px;margin-top:22px}.muted{color:var(--muted)}.conversion-copy .text-link{display:inline-block;margin-top:24px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison figure{margin:0}.comparison img{height:330px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy>p{font-size:15px;color:var(--muted);margin-bottom:20px}.about-copy .large{font-size:25px;line-height:1.4;color:var(--ink);letter-spacing:-.5px}.steps{margin-top:35px}.steps>div{display:flex;gap:22px;border-top:1px solid var(--line);padding:19px 0}.steps span{color:#7b932f;font-size:11px;padding-top:3px}.steps p{font-size:13px;color:var(--muted)}.steps strong{display:block;font-size:14px;color:var(--ink);margin-bottom:5px}.contact{background:#edf2df;border-top:1px solid #dbe5c4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{margin-bottom:24px}.contact p{font-size:14px}.contact-phone{display:block;font-size:30px;letter-spacing:-1px;margin-top:35px}.contact-email{display:inline-block;border-bottom:1px solid #8b986e;margin-top:8px;font-size:16px}.location{margin-top:32px;color:#647050}form label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}input,textarea{width:100%;border:1px solid #cbd5b9;background:#ffffffb3;padding:13px 15px;color:var(--ink);border-radius:0;margin-bottom:20px}textarea{resize:vertical}form .button{width:100%}.contact .form-note{font-size:11px;color:#626e50;margin-top:15px}.contact #form-status{font-size:12px;margin-top:10px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding-block:38px}.footer-brand{font-family:Georgia,serif;font-size:30px}.footer-brand span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px}footer>p,footer>a:not(.footer-brand){font-size:12px}footer>a:last-of-type{text-align:right}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}dialog{border:0;padding:20px;background:#fff;max-width:min(90vw,800px);max-height:94vh}dialog::backdrop{background:#111a}dialog img{max-height:75vh;width:auto;margin:auto}dialog p{font-size:13px;margin-top:12px}.close{display:block;margin:0 0 14px auto;border:0;background:var(--pale);padding:8px 15px}.skip{position:fixed;top:-100px;left:10px;background:#fff;z-index:100;padding:10px}.skip:focus{top:10px}
@media(min-width:1500px){.hero-image{min-height:650px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}header{padding-inline:28px}.hero{gap:35px}.hero-image{min-height:570px}nav{gap:20px}.brand>span{display:none}.section-head{grid-template-columns:1fr 2fr}.section-head>p:last-child{grid-column:2}.contact-grid{gap:55px}.services h3{font-size:20px}.photo img{height:400px}.conversion{gap:30px}.comparison img{height:300px}}
.hero>*{min-width:0}
@media(max-width:700px){.hero h1{font-size:clamp(53px,16.5vw,74px)}.hero h1 br:nth-of-type(2){display:block}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.preview{padding-inline:20px;font-size:8px}header{height:92px;padding-inline:20px;position:relative;z-index:5}.brand img{width:49px;height:77px}.brand>span{display:block;font-size:8px;letter-spacing:1px;padding-left:16px}.brand{gap:16px}.menu{display:flex;gap:20px;background:white;border:1px solid var(--line);padding:9px 12px;font-size:12px}nav{display:none;position:absolute;top:92px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px;box-shadow:0 15px 20px #0001}nav.open{display:grid;gap:22px}.nav-contact{display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;gap:35px;padding-top:18px;padding-bottom:35px}.hero-copy{padding-top:0}h1{font-size:74px}h1 br:nth-of-type(2){display:none}h1 em:before{content:' '}.eyebrow{font-size:9px;margin-bottom:22px}.intro{font-size:15px;margin-top:24px;max-width:440px}.actions{margin-top:25px;gap:20px}.button{padding:16px 20px}.hero-bottom{margin-top:30px}.hero-image{min-height:490px;margin-right:14px}.vertical-label{right:-22px;font-size:8px}.image-label{left:12px;right:12px;bottom:12px;padding:14px 12px}.image-label span{font-size:8px}.service-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:10px;padding-block:22px}.service-strip span:before{margin-right:8px}.section{padding-block:60px}.section-head{display:block}.section-head>p:last-child{margin-top:24px;max-width:440px}.services{grid-template-columns:1fr;gap:26px;margin-top:34px}.services h3{font-size:24px;margin-top:15px}.services p{max-width:100%}.services a{margin-top:22px}.work-heading{display:block;margin-bottom:30px}.work-heading>p{margin-top:22px}.project-grid{grid-template-columns:1fr;gap:35px}.photo img{height:440px}.project-title h3{font-size:22px}.conversion{grid-template-columns:1fr;gap:28px;margin-top:42px;padding-top:35px}.comparison{gap:10px}.comparison img{height:260px}.comparison .photo span{left:8px;bottom:8px;font-size:8px}.about{grid-template-columns:1fr;gap:30px}.about-copy .large{font-size:23px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-phone{font-size:29px}.location{margin-top:22px}footer{grid-template-columns:1fr 1fr;gap:20px}footer>p{text-align:right}footer>a:last-of-type{text-align:left;grid-column:1/-1}footer small{line-height:1.7}dialog{padding:14px}dialog img{max-height:70vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.category-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.category-photos .photo:first-child{grid-column:1/-1}.category-photos .photo img{height:280px;object-fit:contain;background:#f1f3ee}.category-photos .photo:first-child img{height:420px}.brand img{object-fit:contain}.services{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.services{grid-template-columns:1fr}.category-photos .photo img{height:200px}.category-photos .photo:first-child img{height:350px}}
/* Primary WhatsApp contact */
.contact .whatsapp-intro{margin-top:20px;max-width:380px;color:var(--muted)}.contact-whatsapp{margin-top:20px}.contact-phone{font-size:22px;margin-top:24px}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:10px;background:#176b3c;color:#fff;border-radius:40px;padding:14px 20px;font-size:14px;font-weight:700;box-shadow:0 5px 24px #0003}.whatsapp-float:hover{background:#10552e}.whatsapp-float svg{flex-shrink:0}footer{padding-bottom:100px}@media(max-width:700px){.whatsapp-float{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:13px 16px;font-size:12px}.hero .button{gap:18px}.contact-whatsapp{max-width:100%;gap:18px}}
