:root{--green:#123f2d;--deep:#0a2c20;--lime:#a8d54a;--cream:#f4f1e8;--orange:#d95a2b;--ink:#17221d;--muted:#68736c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f5;color:var(--ink);font-family:Arial,Helvetica,sans-serif}body.intro-locked{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.nav{height:88px;padding:10px 4.5vw;display:flex;align-items:center;justify-content:space-between;background:#faf9f5;position:relative;z-index:20}.brand img{width:180px;height:68px;object-fit:contain;object-position:left center;opacity:.9}.nav nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.nav nav>a:not(.nav-cta):hover{color:var(--orange)}.nav-cta{background:var(--green);color:#fff;padding:15px 22px;border-radius:2px}.menu{display:none;background:none;border:0;width:40px}.menu span{height:2px;background:var(--ink);display:block;margin:8px 0}
.site-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#f1eadc;color:#123f2d;isolation:isolate}.intro-sky{position:absolute;inset:0;background:radial-gradient(circle at 65% 25%,rgba(255,255,255,.95),transparent 30%),linear-gradient(180deg,#dce9d5 0%,#f5efe3 69%,#d9c39e 70%,#a98759 100%)}.intro-sky:after{content:"";position:absolute;inset:0;opacity:.16;background-image:repeating-linear-gradient(115deg,transparent 0 28px,rgba(18,63,45,.08) 29px 30px)}.intro-copyline{position:absolute;top:7vh;left:50%;transform:translateX(-50%);width:max-content;max-width:88vw;text-align:center;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:800;opacity:0;animation:introText 1s .25s forwards}.intro-stage{position:absolute;left:50%;top:51%;width:min(920px,94vw);height:370px;transform:translate(-50%,-50%)}.ground-line{position:absolute;left:0;right:0;bottom:47px;height:3px;background:#533d27;box-shadow:0 6px 0 rgba(83,61,39,.12)}
.excavator{position:absolute;left:-260px;bottom:49px;width:250px;height:190px;animation:driveIn 1.8s .25s cubic-bezier(.28,.7,.3,1) forwards,excavatorExit 1.25s 3.8s cubic-bezier(.6,0,1,.5) forwards}.excavator-body{position:absolute;left:34px;bottom:37px;width:130px;height:52px;background:#e3a72c;border-radius:12px 24px 7px 6px;box-shadow:inset 0 -8px rgba(120,69,14,.16)}.excavator-cabin{position:absolute;left:58px;bottom:84px;width:83px;height:72px;background:#d69821;border-radius:11px 19px 2px 3px;clip-path:polygon(12% 0,75% 0,100% 100%,0 100%)}.excavator-cabin span{position:absolute;left:18px;top:11px;width:51px;height:42px;background:#345358;clip-path:polygon(8% 0,69% 0,100% 100%,0 100%);box-shadow:inset 8px 0 rgba(255,255,255,.16)}.excavator-track{position:absolute;left:20px;bottom:0;width:158px;height:46px;border:9px solid #26332c;border-radius:25px;background:#566258;display:flex;align-items:center;justify-content:space-around;padding:0 7px}.excavator-track i{width:24px;height:24px;border:4px solid #1c2621;border-radius:50%;background:#9d9b86}.excavator-boom{position:absolute;left:143px;bottom:116px;width:104px;height:18px;border-radius:10px;background:#e3a72c;transform-origin:left center;transform:rotate(-24deg);animation:boomDig 2s 1.75s ease-in-out forwards}.excavator-arm{position:absolute;left:231px;bottom:73px;width:17px;height:85px;border-radius:8px;background:#d59821;transform-origin:top center;transform:rotate(16deg);animation:armDig 2s 1.75s ease-in-out forwards}.excavator-bucket{position:absolute;left:229px;bottom:34px;width:50px;height:40px;background:#ba7d1b;clip-path:polygon(0 0,72% 12%,100% 88%,28% 100%);transform-origin:18px 8px;animation:bucketDig 2s 1.75s ease-in-out forwards}
.soil-pile{position:absolute;left:55%;bottom:50px;width:130px;height:45px;opacity:0;animation:soilRise .8s 2.65s forwards,soilFade .7s 5.45s forwards}.soil-pile:before{content:"";position:absolute;inset:12px 0 0;background:#6f4c2c;border-radius:55% 45% 8% 8%}.soil-pile i{position:absolute;width:9px;height:9px;border-radius:50%;background:#755033;animation:dirtFly .7s 2.2s ease-out forwards}.soil-pile i:nth-child(1){left:20%;--tx:-30px;--ty:-55px}.soil-pile i:nth-child(2){left:42%;--tx:10px;--ty:-78px}.soil-pile i:nth-child(3){left:62%;--tx:35px;--ty:-52px}.soil-pile i:nth-child(4){left:75%;--tx:55px;--ty:-34px}
.tree-grow{position:absolute;left:calc(55% + 36px);bottom:52px;width:68px;height:190px;transform-origin:50% 100%;transform:scale(.02);opacity:0;animation:treeGrow 1.65s 3.65s cubic-bezier(.16,.85,.26,1.15) forwards,treeToLogo .85s 5.5s ease-in forwards}.tree-trunk{position:absolute;left:29px;bottom:0;width:13px;height:92px;border-radius:8px;background:linear-gradient(90deg,#68422a,#936342 55%,#5a3925)}.tree-trunk:before,.tree-trunk:after{content:"";position:absolute;left:5px;width:8px;height:55px;background:#755036;border-radius:8px;transform-origin:bottom}.tree-trunk:before{bottom:42px;transform:rotate(-37deg)}.tree-trunk:after{bottom:38px;transform:rotate(34deg)}.tree-crown{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 28%,#89ad51 0 16%,#3f773f 45%,#194d31 100%);box-shadow:inset -8px -10px 22px rgba(5,35,19,.22)}.crown-a{width:78px;height:78px;left:-5px;top:30px}.crown-b{width:88px;height:88px;left:25px;top:16px}.crown-c{width:72px;height:72px;left:17px;top:-13px}
.intro-brand{position:absolute;left:50%;top:49%;width:min(470px,78vw);transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none;animation:brandReveal 1.05s 5.85s ease-out forwards}.intro-brand img{width:100%;max-height:285px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(13,50,35,.12))}.intro-brand button{pointer-events:auto;margin-top:-22px;min-width:170px;border:0;background:var(--orange);color:white;padding:17px 28px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(115,54,27,.22);transition:.25s}.intro-brand button span{margin-left:18px}.intro-brand button:hover{background:#bd4720;transform:translateY(-3px)}.skip-intro{position:absolute;right:3vw;top:3vw;border:0;border-bottom:1px solid rgba(18,63,45,.45);background:transparent;color:#123f2d;padding:7px 2px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;cursor:pointer}
@keyframes introText{to{opacity:.68}}@keyframes driveIn{to{left:27%}}@keyframes excavatorExit{90%{opacity:1}to{left:145%;transform:scale(.92);opacity:0}}@keyframes boomDig{0%{transform:rotate(-24deg)}45%{transform:rotate(12deg)}75%{transform:rotate(7deg)}100%{transform:rotate(-19deg)}}@keyframes armDig{0%{transform:rotate(16deg)}45%{transform:rotate(42deg)}75%{transform:rotate(34deg)}100%{transform:rotate(12deg)}}@keyframes bucketDig{0%{transform:rotate(0)}45%{transform:rotate(28deg)}75%{transform:rotate(-18deg)}100%{transform:rotate(-5deg)}}@keyframes dirtFly{0%{opacity:0;transform:translate(0,0)}25%{opacity:1}100%{opacity:0;transform:translate(var(--tx),var(--ty))}}@keyframes soilRise{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes soilFade{to{opacity:0;filter:blur(5px)}}@keyframes treeGrow{0%{opacity:0;transform:scale(.02)}15%{opacity:1}100%{opacity:1;transform:scale(1)}}@keyframes treeToLogo{to{opacity:0;transform:scale(1.5);filter:blur(8px)}}@keyframes brandReveal{0%{opacity:0;transform:translate(-50%,-46%) scale(.86);filter:blur(10px)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}
.hero{height:calc(100vh - 88px);min-height:650px;position:relative;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,21,.9) 0%,rgba(5,31,21,.56) 52%,rgba(5,31,21,.12) 80%),linear-gradient(0deg,rgba(5,31,21,.3),transparent 55%)}.hero-content{position:absolute;left:8vw;top:50%;transform:translateY(-48%);max-width:790px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--orange);margin:0 0 25px}.eyebrow.light{color:#d1ed91}.hero h1,.intro h2,.section-head h2,.feature h2,.process h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;margin:0}.hero h1{font-size:clamp(54px,7.2vw,108px);line-height:.91}.hero h1 em,.contact h2 em{font-weight:400;color:#c9e68a}.lead{font-size:18px;line-height:1.7;max-width:590px;color:#e1e7e3;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 24px;font-size:14px;font-weight:800;transition:.25s}.btn.primary{background:var(--orange);color:white}.btn.primary:hover{background:#bd4720;transform:translateY(-2px)}.btn.ghost{border:1px solid rgba(255,255,255,.6);color:#fff}.btn.ghost:hover{background:#fff;color:var(--green)}.hero-tag{position:absolute;right:4.5vw;bottom:45px;border-left:2px solid var(--lime);padding:8px 0 8px 16px;display:flex;flex-direction:column}.hero-tag strong{font-family:Georgia,serif;font-size:20px}.hero-tag span{font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin-top:4px}
.intro{padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--cream)}.intro h2,.section-head h2,.feature h2,.process h2{font-size:clamp(44px,5vw,72px);line-height:1}.intro-copy>p{font-size:17px;line-height:1.8;color:#4d5a52;margin:0 0 18px}.intro-copy>p:first-child{font-size:22px;color:var(--ink)}.stats{display:flex;border-top:1px solid #c9cbc1;margin-top:38px;padding-top:25px;gap:8%}.stats div{display:flex;flex-direction:column}.stats b{font:42px Georgia,serif;color:var(--green)}.stats span{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:5px}.section-pad{padding:120px 8vw}.services{background:var(--deep);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px}.section-head>p{max-width:390px;line-height:1.7;color:#aebbb3}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.service-grid article{padding:35px 30px 20px 0;border-right:1px solid rgba(255,255,255,.16);min-height:430px}.service-grid article:not(:first-child){padding-left:30px}.service-grid article:last-child{border:0}.num{font:italic 18px Georgia,serif;color:var(--lime)}.service-grid h3{font:30px Georgia,serif;margin:45px 0 20px}.service-grid p{color:#aebbb3;line-height:1.7;font-size:14px;min-height:105px}.service-grid ul{list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid rgba(255,255,255,.13)}.service-grid li{font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:12px 0}.service-grid li:before{content:'—';color:var(--lime);margin-right:10px}
.feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:760px}.feature-photo{position:relative;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-photo span{position:absolute;left:35px;bottom:35px;background:var(--orange);color:#fff;padding:14px 18px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em}.feature-copy{padding:100px 8vw 80px 7vw;background:var(--cream)}.feature-copy>p:not(.eyebrow){line-height:1.8;color:#566159;margin:30px 0}.check{display:flex;gap:16px;border-top:1px solid #cbd0c6;padding:20px 0}.check>span{width:30px;height:30px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center}.check div{display:flex;flex-direction:column;gap:4px}.check small{color:var(--muted)}.text-link{display:inline-block;margin-top:30px;color:var(--green);font-weight:800;border-bottom:1px solid var(--green);padding-bottom:5px}
.gallery{background:#faf9f5}.gallery-head>p{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:290px;gap:10px}.shot{border:0;padding:0;position:relative;overflow:hidden;cursor:pointer;background:#ddd;text-align:left}.shot-0,.shot-6{grid-column:span 2;grid-row:span 2}.shot-3{grid-row:span 2}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.shot:hover img{transform:scale(1.035)}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 52%,rgba(4,27,18,.78));opacity:.6;transition:.3s}.shot:hover:after{opacity:1}.shot span{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;display:flex;flex-direction:column}.shot b{font:21px Georgia,serif}.shot i{font-style:normal;text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:#d7ef9f;margin-top:5px}.process{background:var(--green);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:65px 1fr;gap:22px;padding:24px 0;border-top:1px solid rgba(255,255,255,.2)}.process li>b{color:var(--lime);font:italic 16px Georgia,serif}.process h3{font:26px Georgia,serif;margin:0 0 8px}.process li p{color:#b8c8bf;margin:0;font-size:14px}
.contact{display:grid;grid-template-columns:1.2fr .8fr;background:var(--orange);color:#fff;padding-top:0;padding-bottom:0;padding-right:0}.contact-card{padding:100px 8vw 100px 0}.contact h2{font-size:clamp(50px,6vw,88px);line-height:.95}.contact-card>p:not(.eyebrow){max-width:590px;line-height:1.7;color:#ffe8df;font-size:17px;margin:28px 0}.btn.white{background:#fff;color:var(--green)}.contact-info{background:var(--cream);color:var(--ink);padding:55px;display:flex;flex-direction:column;justify-content:center}.contact-info img{width:230px;height:145px;object-fit:contain;object-position:left;margin-bottom:15px}.contact-info>div{border-top:1px solid #ccc9bf;padding:17px 0}.contact-info span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:var(--muted);margin-bottom:7px}.contact-info a,.contact-info p{font:20px Georgia,serif;margin:0}.contact-info a:hover{color:var(--orange)}footer{height:95px;background:#071e16;color:#aab8b0;display:flex;align-items:center;justify-content:space-between;padding:0 8vw;font-size:12px}footer div{display:flex;gap:30px}footer a:hover{color:white}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(3,16,11,.94);display:grid;place-items:center;padding:50px}.lightbox img{max-width:88vw;max-height:82vh;object-fit:contain}.lightbox>button:first-child{position:absolute;right:28px;top:20px;background:none;border:0;color:white;font-size:48px;cursor:pointer}.lightbox p{position:absolute;bottom:18px;color:#fff;font:18px Georgia,serif}.lightbox .prev,.lightbox .next{position:absolute;top:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:white;width:48px;height:48px;cursor:pointer}.lightbox .prev{left:25px}.lightbox .next{right:25px}
@media(max-width:1000px){.nav nav{gap:18px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{border-bottom:1px solid rgba(255,255,255,.16)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.feature{grid-template-columns:1fr}.feature-photo{height:620px}.process{grid-template-columns:1fr;gap:60px}.contact{grid-template-columns:1fr;padding-left:8vw}.contact-info{margin-left:-8vw;padding-left:8vw}.intro{gap:6vw}}
@media(max-width:720px){.nav{height:74px}.brand img{width:145px;height:56px}.menu{display:block;z-index:2}.nav nav{position:absolute;top:74px;left:0;right:0;background:#faf9f5;display:none;flex-direction:column;align-items:stretch;padding:25px 7vw 35px;box-shadow:0 15px 30px rgba(0,0,0,.12)}.nav nav.open{display:flex}.nav-cta{text-align:center}.hero{height:calc(100svh - 74px);min-height:620px}.hero-content{left:7vw;right:7vw}.hero h1{font-size:55px}.hero-tag{display:none}.lead{font-size:16px}.actions{flex-direction:column;align-items:stretch}.btn{text-align:center}.intro,.process{grid-template-columns:1fr;padding:80px 7vw}.intro{gap:45px}.stats{gap:5%;justify-content:space-between}.stats b{font-size:32px}.stats span{font-size:8px}.section-pad{padding:80px 7vw}.section-head{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:45px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:not(:first-child){padding:30px 0;min-height:0;border-right:0}.service-grid h3{margin:25px 0 15px}.service-grid p{min-height:0}.feature-photo{height:460px}.feature-copy{padding:75px 7vw}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.shot-0,.shot-6,.shot-3{grid-column:auto;grid-row:auto}.shot-0,.shot-5,.shot-10{grid-column:span 2}.contact{padding:0;grid-template-columns:1fr}.contact-card{padding:80px 7vw}.contact-info{margin:0;padding:45px 7vw}.contact h2{font-size:52px}footer{height:auto;padding:35px 7vw;gap:25px;align-items:flex-start;flex-direction:column}.lightbox{padding:55px 12px}.lightbox .prev{left:10px}.lightbox .next{right:10px}}
@media(max-width:430px){.hero h1{font-size:47px}.gallery-grid{grid-auto-rows:190px}.shot b{font-size:17px}.intro h2,.section-head h2,.feature h2,.process h2{font-size:41px}.stats{flex-wrap:wrap}.contact h2{font-size:46px}}
@media(max-width:720px){.intro-copyline{top:8vh;font-size:9px;letter-spacing:.18em}.intro-stage{width:112vw;left:47%;transform:translate(-50%,-50%) scale(.78)}.skip-intro{right:20px;top:18px}.intro-brand{width:84vw}.intro-brand button{margin-top:-8px}.excavator{animation-name:driveInMobile,excavatorExit}.soil-pile{left:60%}.tree-grow{left:calc(60% + 34px)}}
@keyframes driveInMobile{to{left:20%}}
@media(prefers-reduced-motion:reduce){.excavator,.soil-pile,.soil-pile i,.tree-grow{display:none}.intro-copyline{animation:none;opacity:.68}.intro-brand{animation:none;opacity:1;pointer-events:auto}.site-intro *{transition:none!important}}
.site-intro{transition:opacity .5s ease,visibility .5s ease}.site-intro.leaving{opacity:0;visibility:hidden}.lightbox[hidden]{display:none}
.hero{min-height:720px}.actions{align-items:flex-start}.primary-actions{display:flex;flex-direction:column;gap:9px}.btn.whatsapp{background:#25d366;color:#082f1a;padding-top:14px;padding-bottom:14px}.btn.whatsapp:hover{background:#54e07f;transform:translateY(-2px)}.wa-icon{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;font-size:7px;position:relative;margin-right:-15px}.wa-icon:after{content:"";position:absolute;left:-3px;bottom:-3px;width:6px;height:6px;border-left:2px solid currentColor;transform:rotate(-28deg)}
@media(max-width:720px){.hero{min-height:700px}.primary-actions{width:100%}}
.whatsapp-floating{position:fixed;right:24px;bottom:24px;z-index:900;display:flex;align-items:center;gap:10px;background:#25d366;color:#082f1a;padding:14px 19px;border-radius:999px;font-size:14px;font-weight:900;box-shadow:0 10px 35px rgba(0,0,0,.28);transition:transform .2s,background .2s}.whatsapp-floating:hover{background:#54e07f;transform:translateY(-3px)}.whatsapp-mark{width:23px;height:23px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:8px;position:relative}.whatsapp-mark:after{content:"";position:absolute;left:-3px;bottom:-3px;width:7px;height:7px;border-left:2px solid currentColor;transform:rotate(-28deg)}
@media(max-width:520px){.whatsapp-floating{right:14px;bottom:14px;padding:13px}.whatsapp-floating>span:last-child{display:none}}
