:root{--off:#F3EADF;--terra:#7F4637;--olive:#5E5C3E;--beige:#C8B4A4;--sage:#ABAF9E;--ink:#3D3B38;--max:1192px;--line:#d6c5b7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--ink);font-family:'Lexend',sans-serif;font-weight:350;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit}img{display:block;width:100%}svg{display:block}a:focus-visible,button:focus-visible{outline:2px solid var(--terra);outline-offset:5px}.wrap{width:min(var(--max),calc(100% - 100px));margin:0 auto}
.preview-tag{background:#e1d4c7;color:#68594c;text-align:center;padding:8px 15px;font-size:10px;font-weight:450;letter-spacing:.16em;text-transform:uppercase}.site-header{position:relative;z-index:30;background:var(--off);border-bottom:1px solid rgba(61,59,56,.13)}.site-header .wrap{display:flex;justify-content:space-between;align-items:center;height:94px}.logo{display:block;flex-shrink:0}.logo img{width:211px;height:auto}.nav{display:flex;align-items:center;gap:39px}.nav a{font-size:11px;letter-spacing:.06em;font-weight:450;padding:9px 0;transition:color .2s}.nav a:hover,.nav a.is-active{color:var(--terra)}.nav a.is-active{border-bottom:1px solid var(--terra)}.nav a.contact-link{color:var(--terra)}.mobile-toggle{display:none;width:38px;height:38px;border:0;background:transparent;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}
.pretitle,.sideindex,.caption{font-size:10px;letter-spacing:.23em;text-transform:uppercase;font-weight:500}.pretitle{color:var(--terra)}.eyebrow{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:450}.section-title{font-family:'Lexend Mega','Lexend',sans-serif;font-weight:400;letter-spacing:-.045em;line-height:1.26;text-transform:uppercase;font-size:clamp(23px,2.45vw,32px);margin:0}.section-num{color:var(--terra);font-size:11px;letter-spacing:.18em;font-weight:550}.line-accent{height:1px;background:var(--terra);width:72px;display:block}.body-copy{font-size:15px;line-height:1.9;font-weight:350;letter-spacing:.002em}.button{display:inline-flex;align-items:center;gap:28px;justify-content:center;min-height:56px;padding:15px 23px;letter-spacing:.07em;text-transform:uppercase;font-weight:500;font-size:11px;background:var(--terra);color:var(--off);border:1px solid var(--terra);transition:transform .2s,background .2s;cursor:pointer}.button:hover{background:#663428;transform:translateY(-2px)}.button .arrow{font-size:20px;font-weight:300;line-height:1}.tiny-link{color:var(--terra);border-bottom:1px solid currentColor;padding-bottom:7px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:550;display:inline-flex;align-items:center;gap:24px}
/* Hero: photograph fixed to viewport on desktop, for the parallax-like hold requested. */
.hero{height:calc(100svh - 122px);min-height:735px;max-height:950px;position:relative;color:var(--off);background-color:#423a31;background-image:linear-gradient(90deg,rgba(22,28,27,.79) 0%,rgba(24,28,24,.65) 41%,rgba(22,24,23,.17) 84%),url('/assets/hero-ilustrativa.jpg');background-position:center,center 53%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,fixed;overflow:hidden}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(28,27,25,.3),transparent 30%)}.hero .wrap{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hero-inner{max-width:755px;transform:translateY(-7px)}.hero-top{display:flex;align-items:center;gap:21px;margin-bottom:40px}.hero-top .line-accent{background:var(--off);opacity:.7;width:73px}.hero .eyebrow{color:var(--off);opacity:.87;font-size:10px;letter-spacing:.26em}.hero h1{font-family:'Lexend',sans-serif;font-size:clamp(39px,4.2vw,63px);line-height:1.16;letter-spacing:-.055em;font-weight:350;margin:0 0 28px;max-width:810px;text-wrap:balance}.hero-desc{font-size:16px;line-height:1.9;max-width:590px;font-weight:350;margin:0 0 36px;color:rgba(255,248,239,.93)}.hero-meta{position:absolute;bottom:38px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,248,239,.86)}.hero-meta span:nth-child(2){font-size:9px;letter-spacing:.13em}
/* OBRAS */
.portfolio{position:relative;padding:120px 0 127px;overflow:hidden;isolation:isolate}.portfolio:before{content:'';position:absolute;left:-195px;top:32px;width:min(55vw,780px);height:490px;background:url('/assets/sketch-casa-marca-dagua.png') no-repeat left center / contain;opacity:.26;z-index:-1;pointer-events:none}.portfolio .wrap{position:relative}.portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:46px}.portfolio-heading h2{margin-top:15px}.portfolio-head-right{display:flex;align-items:flex-end;gap:85px}.portfolio-head-right p{font-size:13px;max-width:255px;line-height:1.8;margin:0 0 2px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project{min-width:0}.project-photo{height:350px;overflow:hidden;position:relative;background:#c7bbaf}.project-photo img{height:100%;object-fit:cover;transition:transform .55s ease}.project:hover .project-photo img{transform:scale(1.045)}.project-photo .photo-note{position:absolute;bottom:12px;left:12px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;background:rgba(243,234,223,.88);padding:9px 11px;color:var(--terra)}.project-name{font-family:'Lexend',sans-serif;font-size:20px;letter-spacing:.02em;font-weight:450;margin:24px 0 13px}.project-rule{height:1px;width:100%;background:var(--line)}.project-meta{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:15px;color:#7d716b;display:flex;align-items:center;justify-content:space-between}.project-meta span:last-child{color:var(--terra)}
/* TRACKING */
.tracking{background:var(--olive);color:var(--off);position:relative;isolation:isolate;overflow:hidden;padding:112px 0 112px}.tracking:before{content:'';position:absolute;inset:-10% -18% auto auto;width:850px;height:740px;background:url('/assets/sketch-planta-marca-dagua.png') center/contain no-repeat;opacity:.12;filter:brightness(0) invert(1);z-index:-1;pointer-events:none}.tracking-grid{display:grid;grid-template-columns:29% 71%;gap:42px;align-items:center}.tracking .section-num,.tracking .eyebrow{color:#eee1c9}.tracking h2{margin:23px 0 24px;max-width:440px;font-size:clamp(22px,2.2vw,29px);letter-spacing:-.065em}.tracking .body-copy{color:#efeae2;max-width:365px;line-height:1.95}.track-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-left:13px}.stage-photo{aspect-ratio:3/4;min-height:300px;overflow:hidden;background:#a4a18d;position:relative}.stage-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.stage-number{display:block;margin-top:17px;font-size:11px;letter-spacing:.17em;font-weight:500}.stage-title{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-top:7px;color:#e9e2d5}.track-note{position:absolute;bottom:20px;right:50px;color:#f4e9db;opacity:.85;font-size:9px;letter-spacing:.09em}
/* SERVICES */
.services{position:relative;padding:130px 0 135px;overflow:hidden;isolation:isolate}.services:before{content:'';position:absolute;width:720px;height:525px;right:-177px;top:6px;background:url('/assets/sketch-casa-marca-dagua.png') right top/contain no-repeat;opacity:.30;z-index:-1;pointer-events:none}.services:after{content:'';position:absolute;width:100%;height:365px;top:0;left:0;background:linear-gradient(90deg,var(--off) 0%,rgba(243,234,223,.6) 65%,transparent 100%);z-index:-1;pointer-events:none}.services-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:100%;margin-bottom:62px}.services-heading h2{margin-top:17px}.services-heading p{max-width:305px;font-size:13px;line-height:1.8;margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.service-item{min-height:245px;display:grid;grid-template-columns:64px 1fr;gap:16px;padding:33px 0 31px;border-top:1px solid #ceb9a9}.service-index{font-size:25px;font-family:'Lexend',sans-serif;color:var(--terra);font-weight:300;line-height:1.1}.service-title{margin:0 0 14px;font-size:17px;letter-spacing:.01em;line-height:1.4;font-weight:500}.service-copy{max-width:432px;font-size:13px;line-height:1.9;margin:0;color:#504c45}.services .tiny-link{margin-top:34px}
/* DIFFERENTIALS */
.differentials{background:var(--beige);position:relative;overflow:hidden;isolation:isolate}.diff-wrap{min-height:650px;display:grid;grid-template-columns:45% 55%;gap:30px;align-items:center;padding:98px 0 90px}.diff-art{height:520px;position:relative;overflow:hidden}.diff-art:before{content:'';position:absolute;inset:-30px 0;background:url('/assets/sketch-planta-marca-dagua.png') center center/contain no-repeat;opacity:.45}.diff-art .side-caption{position:absolute;left:28px;bottom:32px;color:#765042;font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:rgba(200,180,164,.6);padding:12px}.diff-content{padding-left:45px;max-width:610px}.diff-content .pretitle{margin-bottom:20px}.diff-content h2{font-family:'Lexend Mega','Lexend',sans-serif;font-size:clamp(23px,2.15vw,29px);line-height:1.35;font-weight:350;letter-spacing:-.09em;text-transform:uppercase;color:#5b342c;margin:0 0 38px}.diff-rows{border-top:1px solid rgba(127,70,55,.47)}.diff-item{display:grid;grid-template-columns:60px 1fr;gap:13px;border-bottom:1px solid rgba(127,70,55,.38);padding:25px 0 25px}.diff-item .num{font-size:17px;color:#7f4637;font-weight:300}.diff-item h3{font-weight:500;font-size:17px;margin:0 0 12px}.diff-item p{font-size:13px;line-height:1.9;margin:0;max-width:520px}
/* ABOUT */
.about{padding:123px 0 135px;position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:53% 47%;align-items:center;gap:55px}.about h2{margin:20px 0 32px}.about-copy p{max-width:590px;font-size:14px;line-height:1.95;margin:0 0 20px}.about-transition{padding-top:21px;margin-top:22px !important;border-top:1px solid #d6c5b7;color:var(--terra);font-weight:500}.about-link{margin-top:13px}.about-photo{height:570px;overflow:hidden;position:relative;background:#c2a98f}.about-photo img{height:100%;width:100%;object-fit:cover;object-position:54% 48%;filter:saturate(.83)}.about-photo .photo-note{position:absolute;left:15px;bottom:15px;background:rgba(243,234,223,.92);color:var(--terra);padding:11px 13px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
/* CONTACT */
.contact{background:var(--terra);color:var(--off);padding:104px 0 108px;position:relative;overflow:hidden;isolation:isolate}.contact:before{content:'';position:absolute;right:-140px;top:-115px;width:730px;height:590px;background:url('/assets/sketch-casa-marca-dagua.png') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.12;z-index:-1}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:50px}.contact .pretitle{color:#f7d9c8}.contact h2{font-family:'Lexend',sans-serif;font-size:clamp(30px,3.25vw,43px);font-weight:350;line-height:1.26;letter-spacing:-.04em;max-width:710px;margin:18px 0 12px}.contact p{font-size:14px;line-height:1.8;margin:0}.contact .button{background:var(--off);border-color:var(--off);color:var(--terra);min-width:248px}.contact .button:hover{background:#e2d5c6}
/* FOOTER */
.footer{background:var(--ink);color:var(--off);padding:72px 0 33px}.footer-main{display:grid;grid-template-columns:47% 25% 28%;gap:20px;padding-bottom:65px}.footer img{width:235px}.footer p{max-width:350px;font-size:12px;color:#e7dcd0;line-height:1.9;margin:25px 0 0}.foot-title{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#e1cbbd;margin:0 0 24px}.foot-links{display:flex;flex-direction:column;gap:17px;font-size:12px;color:#e7dcd0}.footer-small{border-top:1px solid #67635e;display:flex;justify-content:space-between;gap:20px;padding-top:25px;font-size:10px;color:#b4ada2;letter-spacing:.04em}
@media(max-width:1100px){.wrap{width:min(100% - 64px,var(--max))}.nav{gap:25px}.hero h1{font-size:51px}.tracking-grid{grid-template-columns:29% 71%;gap:19px}.track-images{gap:8px}.project-photo{height:290px}.about-grid{gap:35px}}
@media(max-width:850px){.nav{gap:13px}.nav a{font-size:10px}.site-header .wrap{height:80px}.logo img{width:176px}.hero{min-height:680px;height:76svh;background-attachment:scroll,scroll}.hero h1{font-size:clamp(35px,5.4vw,51px)}.hero-meta{bottom:25px}.portfolio-heading,.services-heading{align-items:flex-start}.portfolio-head-right{gap:20px}.project-photo{height:245px}.tracking-grid{display:block}.tracking-copy{max-width:650px;margin-bottom:38px}.tracking .body-copy{max-width:550px}.track-images{padding-left:0;gap:18px}.stage-photo{min-height:260px}.service-grid{gap:0 30px}.service-item{grid-template-columns:43px 1fr;gap:13px}.diff-wrap{grid-template-columns:40% 60%;gap:0}.diff-content{padding-left:15px}.about-photo{height:490px}}
@media(max-width:650px){.preview-tag{font-size:8px;padding:7px 8px;letter-spacing:.07em}.wrap{width:calc(100% - 44px)}.site-header .wrap{height:75px}.logo img{width:171px}.mobile-toggle{display:flex}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--off);padding:23px 22px 30px;box-shadow:0 14px 18px rgba(0,0,0,.09);flex-direction:column;align-items:flex-start;gap:15px}.nav.show{display:flex}.nav a{font-size:13px}.hero{height:calc(100svh - 104px);min-height:640px;max-height:840px;background-position:center,59% center;background-attachment:scroll,scroll;background-image:linear-gradient(90deg,rgba(21,25,22,.8) 0%,rgba(21,26,23,.58) 72%,rgba(25,26,23,.4) 100%),url('/assets/hero-ilustrativa.jpg')}.hero h1{font-size:clamp(33px,8.4vw,44px);line-height:1.18;letter-spacing:-.048em}.hero-inner{transform:translateY(-12px)}.hero-top{margin-bottom:30px}.hero-desc{font-size:13px;line-height:1.83;max-width:430px;margin-bottom:32px}.hero-meta{bottom:25px;font-size:8px}.hero-meta span:nth-child(2){display:none}.button{font-size:10px;min-height:52px;padding:13px 17px}.portfolio{padding:90px 0 97px}.portfolio:before{width:590px;left:-275px;top:0;opacity:.20}.portfolio-heading{display:block;margin-bottom:32px}.portfolio-heading h2{margin-top:14px}.portfolio-head-right{margin-top:20px;align-items:center;justify-content:space-between}.portfolio-head-right p{font-size:11px;max-width:185px}.tiny-link{font-size:9px;gap:11px}.portfolio-grid{grid-template-columns:1fr;gap:37px}.project-photo{height:auto;aspect-ratio:1.28}.project-name{margin:16px 0 12px}.tracking{padding:84px 0 96px}.tracking:before{width:650px;right:-300px;top:12%;opacity:.10}.tracking-copy{margin-bottom:34px}.tracking h2{font-size:24px;margin:15px 0}.tracking .body-copy{font-size:13px;line-height:1.86}.track-images{gap:8px}.stage-photo{min-height:0;aspect-ratio:2/3}.stage-number{font-size:10px}.stage-title{font-size:9px;letter-spacing:.06em;line-height:1.5}.track-note{bottom:20px;right:22px;font-size:8px}.services{padding:93px 0 104px}.services:before{width:560px;right:-250px;top:0;opacity:.22}.services-heading{display:block;margin-bottom:38px}.services-heading p{max-width:100%;font-size:12px;margin-top:18px}.service-grid{grid-template-columns:1fr}.service-item{min-height:auto;padding:27px 0;grid-template-columns:47px 1fr;gap:12px}.service-title{font-size:16px}.service-copy{font-size:12px;line-height:1.86}.services .tiny-link{margin-top:25px}.diff-wrap{display:block;padding:76px 0 85px}.diff-art{height:220px;width:100%;margin:0 0 35px}.diff-art:before{background-position:center 45%;background-size:85%;opacity:.38}.diff-art .side-caption{bottom:0;left:0}.diff-content{padding-left:0}.diff-content h2{font-size:24px;max-width:410px;margin-bottom:30px}.diff-item{grid-template-columns:42px 1fr;gap:9px}.diff-item p{font-size:12px}.about{padding:92px 0 100px}.about-grid{display:flex;flex-direction:column;gap:30px}.about h2{margin:14px 0 27px}.about-copy p{font-size:13px;line-height:1.9}.about-photo{width:100%;height:auto;aspect-ratio:1.08}.contact{padding:85px 0}.contact:before{width:520px;right:-260px;top:-100px}.contact-grid{display:block}.contact h2{font-size:32px}.contact p{font-size:12px}.contact .button{margin-top:28px}.footer{padding:60px 0 27px}.footer-main{grid-template-columns:1fr 1fr;row-gap:42px;padding-bottom:50px}.footer-main>:first-child{grid-column:1/-1}.footer img{width:215px}.footer p{font-size:11px}.footer-small{display:block;font-size:9px;line-height:1.7}.footer-small span{display:block;margin:3px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{background-attachment:scroll,scroll}.project-photo img{transition:none}.button{transition:none}}