*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 Arial,Helvetica,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0}a,button,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--a);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(62px,7.8vw,112px)}h2{font-size:clamp(38px,4.8vw,70px)}h3{font-size:29px}em{font-family:inherit;font-style:normal;font-weight:400;color:transparent;background:linear-gradient(110deg,var(--text),var(--a) 48%,var(--b));background-clip:text;-webkit-background-clip:text}.wrap{width:min(1240px,88%);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:200;padding:15px;background:var(--bg);color:var(--text)}.skip:focus{top:10px}.demo{width:min(1320px,88%);margin:auto;padding:12px 0;color:var(--muted);font-size:7px;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center;gap:20px}.demo #motion{background:none;color:var(--muted);min-height:28px;font-size:9px;padding:0}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient svg{width:100%;height:100%;opacity:.8;animation:atmosphere 15s ease-in-out infinite}.ambient:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,var(--glow),transparent 45%)}header{width:min(1320px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 30px;border:1px solid var(--line);border-radius:100px;background:var(--nav);position:sticky;top:10px;z-index:30}.brand{font:500 32px/1 Arial,sans-serif;letter-spacing:-.075em;display:inline-flex;align-items:center;gap:5px}.brand span{color:var(--a);font-size:19px}.brand span:not(:first-child){font-size:8px;letter-spacing:.13em;margin-left:8px;align-self:end}nav{display:flex;gap:30px;color:var(--muted);font-size:11px}nav a{padding:5px 0}nav a:hover{color:var(--text)}nav a:last-child{color:var(--a)}.menu{display:none;background:none;min-height:40px;font-size:11px}.eyebrow{font-size:8px;letter-spacing:.16em;color:var(--a);text-transform:uppercase}section{padding-block:85px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;font-size:11px;padding:15px 24px;min-height:50px;border-radius:100px;border:1px solid var(--line);background:linear-gradient(120deg,var(--button1),var(--button2));color:var(--button-text);box-shadow:0 8px 30px var(--glow);transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.legal{font-size:10px;color:var(--muted)}details{border:1px solid var(--line);border-radius:17px;padding:0 22px;background:var(--surface);margin-bottom:12px}summary{cursor:pointer;list-style:none;font-size:12px;position:relative;padding:22px 25px 22px 0}summary:after{content:'+';position:absolute;right:0;top:16px;font-size:22px;color:var(--a)}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);padding-bottom:10px}.menu-state,.art-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.art-state>span{font-size:8px;letter-spacing:.1em;color:var(--muted);margin-right:8px}.art-state button,.menu-state button{border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--muted);min-height:38px;padding:9px 15px;font-size:10px}.art-state button[aria-pressed=true],.menu-state button[aria-pressed=true]{background:var(--a);color:var(--choice-ink);border-color:var(--a)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:40px;border-top:1px solid var(--line)}footer span,footer>a:last-child,footer p{font-size:9px;color:var(--muted);max-width:400px;margin:0}footer .brand{font-size:28px}.enter-ready{transition:opacity .75s,transform .75s}.enter-pending{opacity:0;transform:translateY(22px)}.motion-off .enter-pending{opacity:1;transform:none}.motion-off *, .motion-off *:before,.motion-off *:after,.page-hidden *, .offscreen,.offscreen *,.is-scrolling [data-animate],.is-scrolling [data-animate] *, .is-scrolling .ambient svg{animation-play-state:paused!important}.motion-off *{transition:none!important}.contact .button{margin:15px 0}.contact .legal{margin-top:20px}.detail-note{font-size:9px;color:var(--muted)}.hero .detail-note{margin-top:25px}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;margin-top:40px}@keyframes atmosphere{50%{transform:translateY(-12px) scale(1.04);opacity:.55}}@media(max-width:760px){header{border-radius:25px;padding:16px 24px;flex-wrap:wrap;gap:15px;top:8px}.brand{font-size:29px}.menu{display:block;margin-left:auto}nav{display:none;flex-basis:100%;flex-direction:column;gap:0}nav.open,html:not(.js) nav{display:flex}nav a{padding:13px 0}html:not(.js) .menu{display:none}.eyebrow{font-size:7px}.demo{font-size:6px}.demo #motion{font-size:8px;flex-shrink:0}section{padding-block:65px}h1{font-size:clamp(56px,12vw,88px)}h2{font-size:clamp(35px,8vw,57px)}h3{font-size:26px}.hero-foot{font-size:7px;flex-wrap:wrap}footer{flex-wrap:wrap}footer span,footer p{flex-basis:50%}.art-state button,.menu-state button{font-size:9px;padding:9px 12px}.button{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enter-pending{opacity:1;transform:none}}
body{--bg:#151c1b;--text:#edf3e9;--muted:#a8b9af;--a:#e6b58c;--b:#9fcbba;--line:#c5d6c32b;--surface:#b7ccbe0a;--glow:#bb926b16;--nav:#182220f2;--button1:#c9e8c9;--button2:#85bda8;--button-text:#19372d;--choice-ink:#1c3528}.hero{position:relative;min-height:850px;padding-top:100px;overflow:hidden}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(75px,10.8vw,157px);max-width:800px;margin:40px 0 35px;text-shadow:0 3px 35px #121c19}.hero-copy>div{display:flex;align-items:center;gap:40px}.hero-copy p{color:#d1dfd4}.building{position:absolute;inset:45px 0 65px 34%;border-radius:240px 0 0 35px;background:radial-gradient(ellipse at 65% 20%,#f3cf9477,transparent 55%),linear-gradient(140deg,#293c33,#87a69044);border:1px solid #a4c3aa44;perspective:1000px;overflow:hidden;--wall:#bbc7b3;--shade:#516b5b;--sun:#f6c88b}.building:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 64px,#dae7c80b 65px 66px),repeating-linear-gradient(0deg,transparent 0 64px,#dae7c80b 65px 66px)}.building i{position:absolute;display:block;bottom:90px;box-shadow:18px 26px 35px #0005;transition:background .6s,filter .6s}.building i:nth-child(1){left:22%;width:38%;height:65%;background:linear-gradient(110deg,var(--wall),var(--shade));transform:skewY(-13deg);border-radius:130px 130px 0 0}.building i:nth-child(2){right:12%;width:28%;height:45%;background:linear-gradient(130deg,var(--sun),var(--shade));transform:skewY(13deg)}.building i:nth-child(3){left:30%;width:14%;height:40%;background:linear-gradient(90deg,#11271f,var(--shade));border-radius:80px 80px 0 0;box-shadow:inset 12px 0 20px #08191077}.building:after{content:'';position:absolute;bottom:55px;left:10%;right:0;height:1px;background:#e1eedc66;transform:rotate(-5deg)}body[data-light="dia"] .building{--wall:#e4efe8;--shade:#8cae9c;--sun:#cfede0;filter:brightness(1.12)}body[data-light="noite"] .building{--wall:#728d97;--shade:#223e4c;--sun:#83b9c8;filter:brightness(.8)}.light-control{position:relative;z-index:3;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:65px;padding:20px 0;font-size:10px}.light-control>span{letter-spacing:.18em;margin-right:10px}.light-control button{border:1px solid var(--line);background:#192b25b0;color:var(--text);border-radius:100px;padding:12px 20px}.light-control button[aria-pressed="true"]{background:#d5e9d0;color:#1c3426}.light-control p{margin:0;color:var(--muted)}.statement{display:grid;grid-template-columns:1fr 1fr;gap:30px 10%;padding-block:100px}.statement>.eyebrow{grid-column:1/-1}.statement h2{font-size:clamp(45px,5.6vw,80px)}.statement>p:last-child{align-self:end;font-size:16px;max-width:400px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading h2{font-size:clamp(46px,6vw,85px)}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;margin-top:50px}.project-grid article:last-child{padding-top:100px}.arch-art{height:430px;border-radius:26px;position:relative;overflow:hidden;background:linear-gradient(130deg,#668577,#c8d0b4)}.arch-art:before{content:'';position:absolute;inset:65px 17% 0;border-radius:150px 150px 0 0;background:linear-gradient(100deg,#314d3c,#98ac90);box-shadow:25px 20px 0 #d1d6ba}.arch-art:after{content:'';position:absolute;inset:140px 32% 0;background:linear-gradient(130deg,#111f19,#7b9c8b);border-radius:100px 100px 0 0}.p2{height:380px;background:linear-gradient(135deg,#5d665d,#c2b391)}.p2:before{inset:0 25% 50px -25%;border-radius:0 0 220px 0;background:linear-gradient(130deg,#c6c7ab,#6b897a)}.p2:after{inset:40px 14% 0 68%;border-radius:100px 100px 0 0}.project-grid h3{font-size:30px;margin:25px 0 8px}.project-grid p{color:var(--muted);font-size:12px}.plan-section{border:1px solid var(--line);border-radius:35px;margin:60px 3%;background:radial-gradient(ellipse at 80% 10%,#789b8833,transparent 65%),#1b2925}.plan-section h2{font-size:clamp(47px,6vw,87px)}.plan-section>.wrap>p:not(.eyebrow){font-size:14px;color:var(--muted)}.plan-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;margin-top:45px}.plan{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;transform:perspective(1000px) rotateX(10deg);padding:15px;border:1px solid #a1bfaa55;border-radius:22px;background:#080e0c44;box-shadow:0 30px 35px #0002}.plan button{color:var(--text);background:#abc7b10b;border:1px solid var(--line);padding:20px;text-align:left;min-height:160px;border-radius:10px;font-size:11px;transition:background .25s,transform .25s}.plan button span{display:block;font-size:55px;margin-top:15px;opacity:.6}.plan button[aria-pressed="true"]{background:linear-gradient(135deg,#b9d7ad,#79ab93);color:#182e21;transform:translateY(-5px);box-shadow:0 10px 20px #0004}#room-info h3{font-size:clamp(32px,3.5vw,50px);margin:25px 0}#room-info p{color:var(--muted)}.process h2{font-size:clamp(49px,6vw,88px)}.process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}.process article{padding:28px;border-radius:23px;border:1px solid var(--line);background:var(--surface)}.process article span{font-size:11px;color:var(--a)}.process article p{font-size:17px}.contact{margin:0 3%;border:1px solid var(--line);border-radius:35px;background:radial-gradient(ellipse at 50% 120%,#acc69844,transparent 70%);text-align:center}.contact h2{font-size:clamp(48px,6vw,88px);margin:30px 0}.contact .legal{max-width:600px;margin-inline:auto}footer{margin-top:35px}@media(max-width:760px){.hero{min-height:850px;padding-top:65px}.hero h1{font-size:clamp(63px,13vw,100px)}.hero-copy>div{display:block}.hero-copy .button{margin-top:20px}.building{inset:280px -20% 65px 12%;opacity:.65}.light-control{margin-top:230px;gap:8px}.light-control>span{width:100%}.light-control p{width:100%;margin-top:5px}.statement,.plan-layout{grid-template-columns:1fr}.statement>.eyebrow{grid-column:auto}.statement{gap:25px;padding-block:65px}.section-heading{display:block}.project-grid{grid-template-columns:1fr;gap:45px}.project-grid article:last-child{padding-top:0}.arch-art{height:380px}.plan-layout{gap:30px}.plan button{min-height:140px;padding:12px}.plan button span{font-size:45px}.plan-section{margin-inline:3%}.plan-section>.wrap{width:86%}.process>div{grid-template-columns:1fr}.process article{padding:22px}.contact h2{font-size:clamp(43px,8vw,65px)}}
.brand>span{font-size:7px;letter-spacing:.13em;margin-left:10px;line-height:1.5;max-width:110px}.hero h1 em{background:linear-gradient(110deg,#ffe5bf,#d5f6df);background-clip:text;-webkit-background-clip:text;color:transparent}@media(max-width:380px){.brand>span{max-width:90px;font-size:6px}}