:root{--ink:#3A3429;--paper:#DBDBD3;--muted:#5F5B3C;--lime:#B19045;--line:rgba(219,219,211,.22);--font:'Prompt',sans-serif;--mono:'Prompt',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:14px}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);position:relative;z-index:4}.brand{font-size:28px;font-weight:700;letter-spacing:-2px}.brand span{font-weight:400}.brand i{font:9px var(--mono);vertical-align:top;margin-left:3px}.desktop-nav{display:flex;gap:38px;font-size:12px}.desktop-nav a,.nav-cta{transition:color .2s}.desktop-nav a:hover,.nav-cta:hover{color:var(--lime)}.nav-cta{font-size:12px}.nav-cta span{color:var(--lime);padding-left:10px}.menu-toggle{display:none;background:none;color:var(--paper);border:0;font-size:22px}.hero{height:min(760px,calc(100svh - 76px));min-height:620px;position:relative;overflow:hidden;background:#777}.image-placeholder{background:linear-gradient(135deg,#77796e,#494d47 48%,#292c29);position:relative;overflow:hidden}.image-placeholder:before,.image-placeholder:after{content:"";position:absolute;inset:0}.image-placeholder:before{background:linear-gradient(145deg,transparent 40%,rgba(10,14,12,.48)),repeating-linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.05) 16.2% 16.5%,transparent 16.7% 33%)}.image-placeholder:after{content:attr(data-image);inset:auto 18px 16px;color:rgba(255,255,255,.7);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero-image{position:absolute;inset:0;background:linear-gradient(120deg,#6f7066,#a3a090 44%,#353a34)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,17,15,.72),rgba(13,17,15,.12) 75%),linear-gradient(0deg,rgba(13,17,15,.4),transparent 36%)}.hero-top,.hero-index{position:absolute;left:5vw;right:5vw;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.1em}.hero-top{top:34px}.hero-index{bottom:27px;color:#c7c7be}.hero-copy{position:absolute;left:12vw;top:50%;transform:translateY(-45%);max-width:590px}.eyebrow,.section-label,.project-number,.placeholder-note{font:10px var(--mono);letter-spacing:.1em}.eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(66px,9vw,126px);letter-spacing:-.085em;line-height:.94;margin:22px 0}h1 em,h2 em,.big-statement em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.intro{max-width:390px;line-height:1.8;color:#e2e2db;margin:26px 0 34px}.round-link,.text-link{font:10px var(--mono);letter-spacing:.09em}.round-link{display:inline-flex;align-items:center;gap:27px;border:1px solid rgba(255,255,255,.55);padding:14px 17px;border-radius:30px}.round-link span{color:var(--lime);font-size:16px}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.intro-band,.about,.contact{padding:112px 12vw;display:grid;grid-template-columns:1fr 2fr;gap:5vw}.section-label{color:#84857c}.big-statement{font-size:clamp(36px,5vw,64px);letter-spacing:-.06em;line-height:1.13;margin:0 0 42px}.manifesto-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.manifesto-bottom p{max-width:310px;color:#62635d;line-height:1.7;margin:0}.text-link{display:inline-flex;gap:14px;border-bottom:1px solid #989990;padding-bottom:9px;white-space:nowrap}.text-link span{color:#60645d}.projects,.services{padding:105px 12vw}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:50px}.section-heading h2,.about h2,.contact h2{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.075em;margin:22px 0 0}.section-heading>p{font-size:12px;line-height:1.7;color:#a5a69e;margin:0 0 6px}.filters{display:flex;gap:29px;border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:28px}.filter{font:9px var(--mono);letter-spacing:.08em;background:none;color:#93958d;border:0;padding:0;cursor:pointer}.filter.active,.filter:hover{color:var(--lime)}.filter span{font-size:8px;vertical-align:top;margin-left:4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 20px}.project-card.wide{grid-column:span 2}.project-image{height:330px;transition:transform .6s}.wide .project-image{height:470px}.project-card{overflow:hidden}.project-card:hover .project-image{transform:scale(1.015)}.project-card:nth-child(2) .project-image{background:linear-gradient(135deg,#998c7d,#c6b9a4 50%,#686b60)}.project-card:nth-child(3) .project-image{background:linear-gradient(135deg,#414744,#888979 55%,#b3ab9c)}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.project-number{font-size:9px;color:#a5a69e}.project-meta h3{font-size:19px;font-weight:500;letter-spacing:-.04em;margin:6px 0 0}.arrow{color:var(--lime);font-size:21px}.projects>.placeholder-note{color:#85867f;margin:25px 0 0}.about{padding-top:120px;padding-bottom:120px}.about-photo{height:480px;background:linear-gradient(135deg,#b9b4a6,#777c72 52%,#474d47)}.about-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.about-text h2{margin:20px 0 28px}.about-text>p:not(.eyebrow):not(.placeholder-note){font-size:13px;line-height:1.9;color:#55564f;max-width:400px}.about-text .placeholder-note{color:#85867f;margin:20px 0 29px}.service-list{border-top:1px solid var(--line);margin-top:70px}.service-list>div{display:grid;grid-template-columns:60px 1.1fr 1fr 30px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.service-list span,.service-list p{font:10px var(--mono);color:#92948b}.service-list h3{font-size:22px;font-weight:500;letter-spacing:-.04em;margin:0}.service-list p{margin:0}.service-list b{color:var(--lime);font-size:18px;font-weight:400}.contact{padding-top:115px;padding-bottom:125px}.contact-body h2{font-size:clamp(50px,7vw,92px);margin:18px 0}.contact-body>p:not(.eyebrow){color:#62635d;font-size:13px}.contact-actions{display:flex;align-items:center;gap:20px;margin-top:34px;flex-wrap:wrap}.whatsapp{background:var(--ink);color:var(--paper);padding:17px 22px;font:10px var(--mono);letter-spacing:.07em}.whatsapp span{color:var(--lime);margin-left:24px}.contact-actions .placeholder-note{color:#777870;font-size:9px}.footer{padding:30px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:20px}.footer p,.footer small,.back-top{font:9px/1.7 var(--mono);letter-spacing:.06em;color:#9d9e96;margin:0}.back-top{justify-self:center}.footer small{justify-self:end}.menu-toggle{cursor:pointer}.filter-hide{display:none!important}
@media(max-width:760px){.topbar{height:66px;padding:0 6vw}.desktop-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--ink);padding:28px 6vw;flex-direction:column;gap:20px}.desktop-nav.open{display:flex}.nav-cta{margin-left:auto;margin-right:20px;font-size:10px}.menu-toggle{display:block}.hero{height:calc(88svh - 66px);min-height:590px}.hero-copy{left:7vw;right:7vw;top:48%}.hero-top,.hero-index{left:7vw;right:7vw;font-size:8px}.intro-band,.about,.contact{padding:78px 7vw;grid-template-columns:1fr;gap:32px}.big-statement{font-size:43px}.manifesto-bottom{align-items:flex-start;flex-direction:column;gap:27px}.projects,.services{padding:78px 7vw}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:34px}.section-heading h2,.about h2{font-size:54px}.filters{overflow-x:auto;gap:22px;white-space:nowrap}.project-grid{grid-template-columns:1fr;gap:23px}.project-card.wide{grid-column:auto}.project-image,.wide .project-image{height:62vw;min-height:250px}.project-meta h3{font-size:17px}.about-content{grid-template-columns:1fr;gap:35px}.about-photo{height:100vw;max-height:470px}.service-list{margin-top:45px}.service-list>div{grid-template-columns:33px 1fr 23px;gap:10px;padding:19px 0}.service-list h3{font-size:18px}.service-list p{grid-column:2;grid-row:2;font-size:9px;margin-top:6px}.service-list b{grid-column:3;grid-row:1}.contact-body h2{font-size:58px}.footer{grid-template-columns:1fr 1fr;gap:24px 10px;padding:27px 7vw}.back-top{justify-self:start}.footer small{justify-self:end}.placeholder-note{line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Visual direction based on the Umduo presentation reference */
.dark{background:#7b4333;color:var(--paper)}h1,h2,h3,.brand{font-family:'Federo',sans-serif}h1 em,h2 em,.big-statement em{font-family:'Federo',sans-serif;font-style:normal;font-weight:400;color:var(--lime);letter-spacing:-.06em}.light h2 em,.light .big-statement em{color:#ae7d4d}.project-card:nth-child(2) .project-image{background:linear-gradient(135deg,#a46a4e,#d7c8ae 55%,#76665b)}.project-card:nth-child(3) .project-image{background:linear-gradient(135deg,#654538,#b38364 55%,#d4c3a7)}.image-placeholder{background-color:#94624f}.image-placeholder:before{background:linear-gradient(137deg,transparent 0 48%,rgba(240,237,229,.13) 48.2% 48.5%,transparent 48.7%),linear-gradient(45deg,rgba(63,38,30,.17),transparent 55%),repeating-linear-gradient(90deg,transparent 0 24%,rgba(240,237,229,.035) 24.2% 24.5%,transparent 24.7% 49%)}.hero-image{background:linear-gradient(120deg,#725244,#a88368 48%,#45352f)}.about-photo{background:linear-gradient(135deg,#c9b79a,#a17c61 52%,#62463a)}.contact .whatsapp{background:#704232}.filter.active,.filter:hover,.arrow,.service-list b,.round-link span,.nav-cta span{color:var(--lime)}.hero-shade{background:linear-gradient(90deg,rgba(44,28,23,.72),rgba(44,28,23,.12) 75%),linear-gradient(0deg,rgba(44,28,23,.4),transparent 36%)}

/* Official identity values from Manual de marca - Umduo Arq. */
:root{--ink:#3A3429;--paper:#DBDBD3;--muted:#5F5B3C;--lime:#B19045;--line:rgba(219,219,211,.22);--font:'Prompt',sans-serif;--mono:'Prompt',sans-serif;--rust:#8A4B32;--olive:#5F5B3C}
.dark{background:var(--ink);color:var(--paper)}.light{background:var(--paper);color:var(--ink)}.hero-image{background:linear-gradient(120deg,#5F5B3C,#8A4B32 48%,#3A3429)}.hero-shade{background:linear-gradient(90deg,rgba(58,52,41,.76),rgba(58,52,41,.12) 75%),linear-gradient(0deg,rgba(58,52,41,.4),transparent 36%)}.image-placeholder{background:#5F5B3C}.image-placeholder:before{background:linear-gradient(137deg,transparent 0 48%,rgba(219,219,211,.16) 48.2% 48.5%,transparent 48.7%),linear-gradient(45deg,rgba(58,52,41,.3),transparent 55%),repeating-linear-gradient(90deg,transparent 0 24%,rgba(219,219,211,.05) 24.2% 24.5%,transparent 24.7% 49%)}.project-card:nth-child(2) .project-image{background:linear-gradient(135deg,#5F5B3C,#DBDBD3 55%,#3A3429)}.project-card:nth-child(3) .project-image{background:linear-gradient(135deg,#3A3429,#8A4B32 55%,#B19045)}.about-photo{background:linear-gradient(135deg,#DBDBD3,#5F5B3C 52%,#8A4B32)}.contact .whatsapp{background:#8A4B32}.light h2 em,.light .big-statement em{color:#8A4B32}.hero-copy h1 em,.dark h2 em{color:#B19045}
.hero-image img,#project-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.project-image img{display:block;width:100%;height:100%;object-fit:cover}.about-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.project-gallery img.gallery-image{display:block;width:100%;object-fit:cover}.project-gallery img.gallery-image:nth-child(2){background:none}
.topbar{background:var(--paper);color:var(--ink)}.desktop-nav a{color:var(--ink)}.menu-toggle{color:var(--ink)}.brand{display:flex;align-items:center;letter-spacing:0}.brand-logo{display:block;width:168px;max-width:42vw;height:auto}.footer{background:var(--paper);color:var(--ink)}.footer p,.footer small,.footer .back-top{color:#5F5B3C}.footer a:hover{color:#8A4B32}.contact-details{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--ink)}.contact-details a{width:max-content;max-width:100%;border-bottom:1px solid rgba(58,52,41,.22);padding-bottom:4px}.contact-details a:hover{color:#8A4B32}.service-list p{font-family:var(--font);font-size:12px;line-height:1.65;color:#DBDBD3}.service-list>div{align-items:start}.service-list h3{padding-top:2px}.service-list b{padding-top:2px}@media(max-width:760px){.desktop-nav.open{background:var(--paper)}.desktop-nav.open a{color:var(--ink)}.brand-logo{width:148px}.service-list>div{align-items:start}}