:root{color:#14382c;font-synthesis:none;text-rendering:optimizelegibility;--forest:#14382c;--forest-2:#0c2a20;--cream:#f2eee4;--paper:#fbf8f0;--lime:#a8cc45;--orange:#f37b38;--ink-soft:#617068;--line:#14382c2e;background:#f2eee4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;margin:0}body,button,a{font-family:inherit}a{color:inherit;text-decoration:none}img{width:100%;display:block}button{color:inherit}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2eee4eb;justify-content:space-between;align-items:center;height:86px;padding:8px clamp(22px,5vw,78px);display:flex;position:sticky;top:0}.brand{align-items:center;width:200px;height:62px;display:flex}.brand img{object-fit:contain;width:100%;height:100%}.nav{align-items:center;gap:27px;font-size:13px;font-weight:700;display:flex}.nav>a:not(.nav-contact){position:relative}.nav>a:not(.nav-contact):before{content:"";background:var(--orange);width:0;height:2px;transition:width .25s;position:absolute;bottom:-7px;left:0}.nav>a:not(.nav-contact):hover:before{width:100%}.nav-contact{color:#fff;background:var(--forest);border-radius:999px;padding:13px 18px}.menu-button{border:1px solid var(--line);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:none}.hero{grid-template-rows:auto auto;grid-template-columns:1.05fr .95fr;gap:42px clamp(45px,7vw,110px);max-width:1600px;margin:0 auto;padding:66px clamp(22px,5vw,78px) 42px;display:grid;overflow:hidden}.hero-copy{align-self:center;max-width:760px}.kicker,.overline{color:#63765e;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.kicker i{background:var(--orange);width:32px;height:2px}h1,h2,h3,blockquote{letter-spacing:-.05em;margin:0;font-family:Manrope,sans-serif}h1{margin-top:24px;font-size:clamp(53px,6.2vw,96px);font-weight:700;line-height:.94}h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:500}.hero-copy>p{max-width:620px;color:var(--ink-soft);margin:28px 0;font-size:18px;line-height:1.7}.hero-actions,.contact-buttons{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 22px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.solid{color:#fff;background:var(--forest)}.line{border-color:var(--line);background:#ffffff59}.hero-collage{min-height:610px;position:relative}.hero-main-image{border-radius:46% 46% 26px 26px;margin:0;position:absolute;inset:0 0 36px 60px;overflow:hidden}.hero-main-image img{object-fit:cover;height:100%}.hero-main-image:after{content:"";background:linear-gradient(#0000,#092319b8);position:absolute;inset:45% 0 0}.hero-main-image figcaption{z-index:2;color:#fff;position:absolute;bottom:28px;left:28px}.hero-main-image figcaption span,.hero-main-image figcaption strong{display:block}.hero-main-image figcaption span{color:#ddecbb;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800}.hero-main-image figcaption strong{font-family:Manrope;font-size:25px}.hero-inset{background:var(--paper);border-radius:95px 95px 18px 18px;width:190px;height:225px;margin:0;padding:8px;position:absolute;bottom:0;left:0;box-shadow:0 18px 60px #14382c33}.hero-inset img{object-fit:cover;border-radius:88px 88px 12px 12px;height:100%}.hero-stamp{width:138px;height:138px;color:var(--forest);text-align:center;background:var(--lime);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;top:58px;right:-22px;transform:rotate(7deg)}.hero-stamp svg{width:24px}.hero-stamp span{text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.35}.hero-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/3;grid-template-columns:.7fr 1.4fr .7fr;display:grid}.hero-index div{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:95px;padding:19px 24px;display:flex}.hero-index div:last-child{border-right:0}.hero-index span{color:#718077;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.hero-index strong{font-family:Manrope;font-size:19px}.discipline-band{color:#fff;background:var(--forest);justify-content:center;align-items:center;gap:clamp(18px,4vw,58px);min-height:82px;padding:20px;font-family:Manrope;font-size:clamp(14px,1.7vw,22px);font-weight:700;display:flex}.discipline-band i{background:var(--lime);border-radius:50%;width:5px;height:5px}.section{max-width:1580px;margin:0 auto;padding:120px clamp(22px,5vw,78px)}.section-intro{grid-template-columns:1fr 1fr;align-items:end;gap:20px 80px;margin-bottom:52px;display:grid}.section-intro .overline{grid-column:1/3}.section-intro h2,.vision-copy h2,.method-title h2,.field-copy h2,.contact h2{font-size:clamp(40px,5vw,72px);line-height:1.04}.section-intro p,.field-copy>p{color:var(--ink-soft);margin:0;font-size:17px;line-height:1.7}.bento-grid{grid-template-rows:330px 330px;grid-template-columns:1.15fr .85fr 1fr;gap:16px;display:grid}.discipline-card{color:#fff;border-radius:24px;position:relative;overflow:hidden}.discipline-card img,.card-shade{height:100%;position:absolute;inset:0}.discipline-card img{object-fit:cover;transition:transform .55s}.discipline-card:hover img{transform:scale(1.035)}.card-shade{background:linear-gradient(#081d1526,#081d15e6)}.card-top,.card-copy{z-index:2;position:absolute;left:26px;right:26px}.card-top{justify-content:space-between;font-size:12px;font-weight:800;display:flex;top:24px}.card-top svg{width:23px}.card-copy{bottom:25px}.card-copy h3{max-width:450px;font-size:clamp(24px,2.6vw,38px);line-height:1.05}.card-copy p{color:#dce5de;max-width:500px;margin:12px 0 0;font-size:14px;line-height:1.55}.environmental{grid-area:1/1/3/2}.civil{grid-area:1/2/2/4}.survey{grid-area:2/2/3/3}.bento-proof{color:var(--forest);background:var(--lime);border-radius:24px;flex-direction:column;grid-area:2/3/3/4;justify-content:space-between;padding:28px;display:flex}.bento-proof>svg{width:31px;height:31px}.bento-proof span{letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.bento-proof h3{margin-top:9px;font-size:29px;line-height:1.08}.bento-proof p{margin:0;font-size:14px;line-height:1.55}.vision{color:#fff;background:var(--forest-2);grid-template-columns:.88fr 1.12fr;min-height:700px;display:grid}.vision-statement{background:linear-gradient(#09241a59,#09241acc),url(/images/entorno-natural.png) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;padding:clamp(55px,8vw,120px);display:flex}.vision-statement>span{color:var(--lime);letter-spacing:.16em;font-size:11px;font-weight:800}.vision-statement blockquote{font-family:Georgia,serif;font-size:clamp(36px,4vw,62px);font-weight:400;line-height:1.08}.vision-copy{align-self:center;padding:clamp(55px,8vw,120px)}.light{color:#bada73}.vision-copy>p{color:#becbc4;max-width:720px;font-size:17px;line-height:1.75}.role-list{border-top:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);margin-top:35px;display:grid}.role-list span{flex-direction:column;gap:12px;padding:20px 12px 0 0;font-size:12px;font-weight:700;display:flex}.role-list svg{width:21px;color:var(--lime)}.method{grid-template-columns:.72fr 1.28fr;gap:90px;display:grid}.method-title{align-self:start;position:sticky;top:130px}.method-title h2{margin-top:20px}.method-track{border-top:1px solid var(--line)}.method-step{border-bottom:1px solid var(--line);grid-template-columns:70px .7fr 1fr;align-items:center;gap:25px;min-height:180px;display:grid}.method-step>span{color:var(--orange);font-weight:800}.method-step h3{font-size:29px}.method-step p{color:var(--ink-soft);line-height:1.6}.field-note{background:var(--paper);border-radius:28px;grid-template-columns:1.12fr .88fr;margin:0 clamp(18px,3vw,48px) 100px;display:grid;overflow:hidden}.field-visual{min-height:580px;position:relative}.field-visual img{object-fit:cover;height:100%}.field-visual>span{color:#fff;background:var(--forest);border-radius:999px;padding:12px 15px;font-size:11px;font-weight:800;position:absolute;bottom:22px;left:22px}.field-copy{align-self:center;padding:clamp(45px,7vw,100px)}.field-copy h2{margin:19px 0 24px}.client-card{border-top:1px solid var(--line);gap:5px;margin-top:34px;padding-top:24px;display:grid}.client-card small,.client-card span{color:var(--ink-soft)}.client-card strong{font-size:18px}.contact{color:#fff;background:var(--forest);border-radius:34px;grid-template-columns:1fr .85fr;align-items:center;gap:80px;margin:0 18px 18px;padding:clamp(55px,7vw,100px);display:grid}.contact-copy>p{color:#c2d0c8;max-width:620px;font-size:17px;line-height:1.7}.cream{color:var(--forest);background:var(--cream)}.ghost{color:#fff;border-color:#ffffff4d}.contact-panel{background:#ffffff0f;border:1px solid #ffffff29;border-radius:22px;margin:0;padding:10px 30px;font-style:normal;display:grid}.contact-panel>*{border-bottom:1px solid #ffffff21;align-items:center;gap:15px;min-width:0;padding:19px 0;display:flex}.contact-panel>:last-child{border-bottom:0}.contact-panel svg{width:20px;color:var(--lime);flex:none}.contact-panel span,.contact-panel small{display:block}.contact-panel small{color:#b9c7bf;margin-bottom:3px}.site-footer{grid-template-columns:220px 1fr auto;align-items:center;gap:40px;min-height:150px;padding:30px clamp(22px,5vw,78px);display:grid}.site-footer img{object-fit:contain;height:80px}.site-footer p,.site-footer span{color:var(--ink-soft);font-size:13px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}@media (width<=1050px){.menu-button{display:inline-flex}.nav{background:var(--paper);border:1px solid var(--line);border-radius:20px;flex-direction:column;align-items:stretch;gap:2px;padding:20px;display:none;position:absolute;top:76px;left:14px;right:14px;box-shadow:0 20px 60px #14382c26}.nav.open{display:flex}.nav a{padding:11px}.hero{grid-template-columns:1fr}.hero-collage{min-height:590px}.hero-index{grid-column:1}.section-intro,.method,.contact{grid-template-columns:1fr}.section-intro .overline{grid-column:1}.bento-grid{grid-template-rows:390px 310px 310px;grid-template-columns:1fr 1fr}.environmental{grid-area:1/1/3/2}.civil{grid-area:1/2/2/3}.survey{grid-area:2/2/3/3}.bento-proof{grid-area:3/1/4/3}.vision{grid-template-columns:1fr}.vision-statement{min-height:560px}.method-title{position:static}.field-note{grid-template-columns:1fr}.field-visual{min-height:500px}}@media (width<=650px){.site-header{height:72px;padding:6px 17px}.brand{width:165px;height:52px}.nav{top:70px}.hero{gap:34px;padding:43px 18px 28px}h1{font-size:49px}.hero-copy>p{font-size:16px}.hero-actions .button{width:100%}.hero-collage{min-height:470px}.hero-main-image{border-radius:100px 100px 20px 20px;inset:0 0 30px 24px}.hero-inset{width:125px;height:165px;padding:5px}.hero-stamp{width:104px;height:104px;top:30px;right:-9px}.hero-stamp span{font-size:9px}.hero-index{grid-template-columns:1fr}.hero-index div{border-right:0;border-bottom:1px solid var(--line);min-height:74px}.discipline-band{flex-wrap:wrap;gap:8px 15px;padding:22px 15px}.discipline-band span{font-size:12px}.section{padding:80px 18px}.section-intro{gap:18px}.bento-grid{display:block}.discipline-card,.bento-proof{min-height:390px;margin-bottom:13px}.bento-proof{min-height:300px}.vision-statement{min-height:480px;padding:55px 22px}.vision-copy{padding:70px 22px}.role-list{grid-template-columns:1fr}.role-list span{flex-direction:row}.method-step{grid-template-columns:42px 1fr;gap:12px;padding:24px 0}.method-step p{grid-column:2;margin:0}.field-note{border-radius:20px;margin:0 8px 70px}.field-visual{min-height:400px}.field-copy{padding:48px 22px}.contact{border-radius:24px;gap:42px;margin:0 7px 7px;padding:58px 20px}.contact-buttons .button{width:100%}.contact-panel{padding:8px 17px}.contact-panel>*{word-break:break-word;align-items:flex-start}.site-footer{grid-template-columns:1fr;align-items:start;gap:8px}.site-footer img{width:190px}}
