:root{--forest:#123b2a;--forest-2:#0a2c20;--leaf:#4f8f32;--leaf-light:#8dbb66;--beige:#f2eee4;--white:#fff;--ink:#11251c;--muted:#5c6962;--line:#d9dfd9;--shadow:0 22px 60px rgba(18,59,42,.12);--radius:18px;--container:min(1180px,calc(100% - 40px));--header:84px;--ease:cubic-bezier(.2,.75,.3,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:var(--container);margin-inline:auto}.section{padding:112px 0}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--forest);color:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #d5f04b;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.4vw,5.35rem);max-width:790px;margin-bottom:28px}h2{font-size:clamp(2.25rem,4vw,4rem);margin-bottom:20px}h3{font-size:1.12rem;letter-spacing:-.02em}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:13px 23px;border:1px solid var(--leaf);border-radius:8px;background:var(--leaf);color:#fff;font-weight:750;font-size:.96rem;transition:transform .25s var(--ease),background .25s,color .25s,box-shadow .25s}.button:hover{background:#3d7825;transform:translateY(-2px);box-shadow:0 10px 25px rgba(79,143,50,.25)}.button-outline{background:transparent;color:var(--forest)}.button-outline:hover{background:var(--forest);border-color:var(--forest);color:#fff}.button-small{min-height:46px;padding:10px 18px}.section-heading{max-width:650px;margin-bottom:56px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading p{color:var(--muted);font-size:1.05rem}.leaf-mark{display:block;color:var(--leaf);font-size:2rem;line-height:.8;margin-bottom:20px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
.site-header{position:sticky;top:0;z-index:100;height:var(--header);background:rgba(255,255,255,.94);border-bottom:1px solid rgba(18,59,42,.1);backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand img{width:56px;height:56px;object-fit:cover;object-position:50% 27%;border-radius:50%}.brand span{display:flex;flex-direction:column;line-height:.9}.brand strong{font-size:1.7rem;letter-spacing:-.04em}.brand small{font-size:.75rem;letter-spacing:.25em;color:var(--leaf);margin-top:7px;text-transform:uppercase}.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}.main-nav a{font-weight:650;font-size:.92rem;position:relative}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--leaf);transition:right .25s}.main-nav a:hover::after,.main-nav a.active::after{right:0}.nav-cta{margin-left:12px}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--forest);margin:6px 0;transition:.25s}
.hero{position:relative;min-height:calc(100vh - var(--header));padding:0;overflow:hidden;background:#fff}.hero-copy{position:relative;z-index:2;min-height:calc(100vh - var(--header));display:flex;align-items:center;pointer-events:none}.hero-text{width:55%;padding:70px 50px 70px 0;pointer-events:auto}.hero-text p{font-size:1.18rem;max-width:620px;color:#405149;margin-bottom:34px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-media{position:absolute;top:0;right:0;width:52%;height:100%;overflow:hidden;border-bottom-left-radius:48% 22%}.hero-media::after{content:"";position:absolute;inset:0 70% 0 0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));pointer-events:none}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:46% center}.botanical{position:absolute;z-index:3;color:rgba(79,143,50,.25);font-size:14rem;line-height:1}.botanical-left{left:-35px;bottom:-60px;transform:rotate(-24deg)}
.services{background:var(--beige);position:relative}.service-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(18,59,42,.17)}.service-item{min-height:250px;padding:35px 28px;border-right:1px solid rgba(18,59,42,.17);border-bottom:1px solid rgba(18,59,42,.17);display:flex;flex-direction:column;gap:26px;transition:background .25s,transform .25s}.service-item:nth-child(4n){border-right:0}.service-item:hover{background:#fff;transform:translateY(-4px)}.service-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--leaf);border-radius:50%;color:var(--leaf);font-size:1.65rem}.service-item h3{margin-bottom:12px}.service-item p{font-size:.9rem;color:var(--muted);margin-bottom:0}
.why{background:var(--forest);color:#fff}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px}.why-copy h2{max-width:500px}.benefits{padding:0;margin:42px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;list-style:none}.benefits li{display:flex;align-items:center;gap:12px;font-weight:650}.benefits li span{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--leaf-light);border-radius:50%;color:var(--leaf-light)}.why-photo{margin:0}.why-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.why-photo figcaption{font-size:.78rem;color:#b9cabe;margin-top:12px}
.projects{background:#fff}.filters{display:flex;justify-content:center;gap:30px;margin:-22px 0 44px;overflow:auto;padding:10px}.filter{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:8px 0;color:var(--muted);font-weight:650;white-space:nowrap}.filter.active,.filter:hover{color:var(--forest);border-color:var(--leaf)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:12px}.project-card{position:relative;overflow:hidden;padding:0;border:0;border-radius:12px;background:#d9dfd9;color:#fff}.project-card.wide{grid-column:span 2}.project-card.tall{grid-row:span 2}.project-card[hidden]{display:none}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .35s}.project-card::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(7,29,21,.72))}.project-card>span{position:absolute;z-index:2;left:20px;bottom:16px;font-weight:750;font-size:1.05rem}.project-card span b{display:inline-block;background:var(--leaf);padding:3px 8px;border-radius:4px;margin-right:7px;font-size:.72rem}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.04);filter:saturate(1.08)}
.process{background:var(--beige)}.process-list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:steps}.process-list li{position:relative;padding:24px 28px 24px 0;border-top:1px solid var(--leaf);min-height:145px}.process-list li:not(:last-child)::after{content:"→";position:absolute;right:18px;top:38px;color:var(--leaf);font-size:1.4rem}.process-list b{display:block;color:var(--leaf);font-size:1rem;margin-bottom:28px;letter-spacing:.08em}.process-list span{font-size:1.12rem;font-weight:750;line-height:1.3;display:block;max-width:180px}
.about{padding:0}.about-grid{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1.25fr}.about-copy{padding:120px max(40px,calc((100vw - 1180px)/2));padding-right:7vw;display:flex;flex-direction:column;justify-content:center}.about-copy p{color:var(--muted);font-size:1.05rem}.text-link{color:var(--leaf);font-weight:750;margin-top:18px}.text-link span{transition:margin .25s}.text-link:hover span{margin-left:7px}.about-media{min-height:650px;overflow:hidden;border-top-left-radius:40% 14%}.about-media img{width:100%;height:100%;object-fit:cover}
.testimonials{background:var(--beige)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-grid blockquote{margin:0;background:#fff;padding:36px;border-radius:14px;box-shadow:0 12px 35px rgba(18,59,42,.06)}.testimonial-grid blockquote::before{content:"“";display:block;color:var(--leaf);font-size:3rem;line-height:.7;font-weight:800}.testimonial-grid p{min-height:110px;margin:18px 0;color:#34473e}.testimonial-grid footer{font-weight:750}.testimonial-grid footer span{display:block;color:var(--muted);font-weight:500;font-size:.78rem}
.contact{background:#fff}.contact-layout{display:grid;grid-template-columns:.72fr 1.25fr 1fr;gap:28px;align-items:stretch}.contact-details{display:flex;flex-direction:column;border-top:1px solid var(--line)}.contact-details>a,.contact-details>div{padding:18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.contact-details span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.contact-details strong{font-size:1rem;word-break:break-word}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--beige);padding:30px;border-radius:var(--radius)}.field{display:flex;flex-direction:column;gap:6px}.field.full,.button.full,.form-note{grid-column:1/-1}.field label{font-size:.8rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #bcc9be;background:#fff;border-radius:7px;padding:11px 12px;color:var(--ink)}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--leaf);box-shadow:0 0 0 3px rgba(79,143,50,.15);outline:0}.form-note{font-size:.75rem;color:var(--muted);margin:0}.map-placeholder{min-height:430px;border-radius:var(--radius);background-color:#edf0eb;background-image:linear-gradient(31deg,transparent 48%,#fff 49%,#fff 51%,transparent 52%),linear-gradient(101deg,transparent 48%,#d4e4ed 49%,#d4e4ed 51%,transparent 52%);background-size:90px 90px,150px 150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.map-placeholder span{font-size:4rem;color:var(--leaf);line-height:1}.map-placeholder small{color:var(--muted)}
.site-footer{background:var(--forest-2);color:#d8e5dc;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:60px}.site-footer h2{font-size:.92rem;letter-spacing:0;color:#fff;margin-bottom:19px}.site-footer p{font-size:.9rem;max-width:270px;color:#aabdb1}.site-footer a,.site-footer span{display:block;font-size:.88rem;margin:7px 0}.site-footer a:hover{color:var(--leaf-light)}.brand-footer{min-width:0;margin-bottom:20px;color:#fff}.brand-footer small{color:var(--leaf-light)}.copyright{margin-top:55px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:.78rem;color:#91a69a}.copyright span{display:inline}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;width:58px;height:58px;border:4px solid #fff;border-radius:50%;background:#27a842;color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:transform .25s}.whatsapp-float:hover{transform:scale(1.07)}.lightbox{width:min(1000px,calc(100% - 30px));max-width:none;padding:0;border:0;border-radius:14px;background:#0b1812;color:#fff;box-shadow:var(--shadow)}.lightbox::backdrop{background:rgba(2,10,6,.85);backdrop-filter:blur(5px)}.lightbox img{width:100%;max-height:78vh;object-fit:contain}.lightbox p{padding:12px 20px;margin:0}.lightbox-close{position:absolute;right:12px;top:12px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--forest);font-size:1.7rem}
.admin-page{background:#f6f7f4}.admin-header{height:76px;background:#fff;border-bottom:1px solid var(--line)}.admin-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.admin-main{padding-block:70px 100px}.admin-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:40px}.admin-intro h1{font-size:clamp(2.3rem,5vw,4rem);margin-bottom:12px}.admin-intro p{max-width:700px;color:var(--muted)}.status{background:#e2eedc;color:var(--forest);padding:7px 12px;border-radius:99px;font-size:.8rem;font-weight:700}.admin-form section,.admin-help{background:#fff;padding:34px;margin-bottom:20px;border:1px solid var(--line);border-radius:14px}.admin-form h2,.admin-help h2{font-size:1.35rem;letter-spacing:-.02em}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-fields.one-column{grid-template-columns:1fr}.admin-fields label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.83rem}.admin-fields input,.admin-fields textarea{padding:12px;border:1px solid #b9c5bc;border-radius:7px}.admin-fields small{font-weight:400;color:var(--muted)}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.import-label input{display:none}.admin-help{background:var(--beige)}code{background:rgba(18,59,42,.08);padding:2px 5px;border-radius:4px}
@media (max-width:1050px){:root{--header:76px}.main-nav{gap:19px}.brand{min-width:170px}.nav-cta{display:none}.hero-text{width:58%}.service-list{grid-template-columns:repeat(2,1fr)}.service-item:nth-child(2n){border-right:0}.why-grid{gap:45px}.contact-layout{grid-template-columns:.7fr 1.3fr}.map-placeholder{grid-column:1/-1;min-height:280px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:40px}.footer-grid>div:last-child{grid-column:2}}
@media (max-width:780px){:root{--container:min(100% - 30px,680px)}.section{padding:78px 0}.menu-toggle{display:block;margin-left:auto}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-nav{position:fixed;inset:var(--header) 0 auto;background:#fff;padding:30px var(--container);width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:0;box-shadow:0 18px 30px rgba(18,59,42,.12);transform:translateY(-120%);opacity:0;visibility:hidden;transition:.3s var(--ease)}.main-nav.open{transform:none;opacity:1;visibility:visible}.main-nav a{width:100%;padding:13px 0;border-bottom:1px solid var(--line)}.hero{display:flex;flex-direction:column;min-height:auto}.hero-copy{min-height:auto;order:2}.hero-text{width:100%;padding:55px 0 70px}.hero-media{position:relative;order:1;width:100%;height:52vh;min-height:370px;border-radius:0 0 38% 12%}.hero-media::after{display:none}.hero-text h1{font-size:clamp(2.65rem,12vw,4.6rem)}.botanical{display:none}.service-list{grid-template-columns:1fr}.service-item,.service-item:nth-child(n){border-right:0;min-height:auto;padding:28px 10px;display:grid;grid-template-columns:64px 1fr}.why-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.project-card.wide{grid-column:span 2}.project-card.tall{grid-row:span 1}.process-list{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.about-copy{padding:80px var(--container)}.about-media{min-height:500px;border-radius:0}.testimonial-grid{grid-template-columns:1fr}.testimonial-grid p{min-height:auto}.contact-layout{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form>*{grid-column:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.admin-fields{grid-template-columns:1fr}.admin-intro{flex-direction:column}.admin-header .brand{min-width:auto}.admin-header .brand small{display:none}}
@media (max-width:480px){:root{--container:calc(100% - 24px)}body{font-size:15px}.section{padding:64px 0}.brand{min-width:auto}.brand img{width:48px;height:48px}.brand strong{font-size:1.45rem}.brand small{font-size:.64rem}.hero-media{height:44vh;min-height:310px}.hero-text{padding-top:44px}.hero-text p{font-size:1.02rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.section-heading{margin-bottom:38px}.project-grid{display:flex;flex-direction:column}.project-card{height:260px}.filters{justify-content:flex-start;margin-inline:-12px}.process-list{grid-template-columns:1fr}.process-list li{min-height:100px}.process-list li:not(:last-child)::after{content:"↓";right:10px}.about-media{min-height:390px}.contact-form{padding:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.site-footer{padding-top:55px}.whatsapp-float{width:52px;height:52px;right:14px;bottom:14px}.admin-form section,.admin-help{padding:22px}.admin-actions .button{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media (max-width:780px){.about-copy{padding:80px max(15px,calc((100vw - 680px)/2))}.main-nav{padding-inline:15px}}
@media (max-width:480px){.about-copy{padding-inline:12px}}
.admin-login{max-width:520px}.admin-alert{padding:14px 18px;border-radius:10px;margin:0 0 20px;font-weight:700}.admin-error{background:#fee7e4;color:#8a231b;border:1px solid #efb1aa}.admin-success{background:#e5f4df;color:#245919;border:1px solid #afd29f}
.admin-image-help{max-width:850px;color:var(--muted);margin-bottom:28px}.admin-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-image-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8faf7;font-size:.88rem}.admin-image-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#e8ece6}.admin-image-card>strong{font-size:1.05rem;color:var(--forest)}.admin-image-card>small{color:var(--muted);font-weight:500}.admin-image-number{position:absolute;top:28px;left:28px;z-index:1;padding:4px 9px;border-radius:5px;background:var(--forest);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.08em}.admin-upload-label{margin-top:6px;font-weight:750}.admin-image-card input[type="file"]{width:100%;padding:10px;background:#fff;border:1px solid #b9c5bc;border-radius:7px}.admin-current-file{word-break:break-all}.admin-images-section{scroll-margin-top:24px}
@media (max-width:780px){.admin-image-grid{grid-template-columns:1fr}}
.admin-category-jumps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.admin-category-jumps a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--beige);font-weight:750}.admin-category-jumps a:hover{border-color:var(--leaf);color:var(--leaf)}.admin-category-jumps span{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:var(--forest);color:#fff;font-size:.75rem}.admin-categories{display:grid;gap:14px}.admin-category{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;scroll-margin-top:20px}.admin-category summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;background:#f6f8f4;color:var(--forest)}.admin-category summary span{font-size:1.18rem;font-weight:800}.admin-category summary small{color:var(--muted)}.admin-category[open] summary{background:var(--forest);color:#fff}.admin-category[open] summary small{color:#d1dfd5}.admin-category-body{padding:22px}.admin-project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-project-item{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f9faf8}.admin-project-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}.admin-project-item label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;font-weight:700}.admin-project-item input[type=text]{width:100%;padding:9px;border:1px solid #b9c5bc;border-radius:6px}.admin-project-item .admin-remove-check{display:flex;flex-direction:row;align-items:center;color:#982b22;padding:8px;border-radius:6px;background:#fff0ee}.admin-remove-check input{width:18px;height:18px;accent-color:#a62b20}.admin-category-upload{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding:18px;border:2px dashed #a9bea9;border-radius:10px;background:#f1f7ee}.admin-category-upload small{color:var(--muted)}.admin-category-upload input{margin-top:5px}.admin-empty-category{color:var(--muted);padding:14px;background:var(--beige);border-radius:8px}.project-empty{text-align:center;padding:35px;background:var(--beige);border-radius:12px;color:var(--muted)}
@media (max-width:900px){.admin-category-jumps{grid-template-columns:1fr 1fr}.admin-project-list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.admin-category-jumps,.admin-project-list{grid-template-columns:1fr}.admin-category summary{align-items:flex-start;flex-direction:column}.admin-category-body{padding:14px}}
