:root{--ink:#182522;--deep:#0d302e;--pine:#214844;--mist:#d8e0d9;--paper:#f2eee6;--sand:#c9bba5;--line:rgba(24,37,34,.18);--serif:"Newsreader",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;color:white;border-bottom:1px solid rgba(255,255,255,.25)}.brand{display:flex;align-items:center;gap:5px;color:inherit;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.18em}.brand span{display:grid;place-items:center;width:31px;height:31px;margin-right:8px;border:1px solid currentColor;font-family:var(--serif);font-size:21px;font-style:italic}.brand b{font-weight:600}.site-header nav{display:flex;gap:34px}.site-header nav a,.header-cta{color:inherit;text-decoration:none;font-size:12px}.header-cta{padding-bottom:6px;border-bottom:1px solid}.header-cta span{margin-left:12px}.hero{position:relative;height:min(900px,100svh);min-height:700px;color:white;background:#26332f}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,18,.8) 0%,rgba(8,20,18,.32) 45%,rgba(8,20,18,.03) 75%),linear-gradient(0deg,rgba(8,20,18,.35),transparent 40%)}.hero-copy{position:absolute;left:8vw;top:52%;transform:translateY(-45%);max-width:690px}.eyebrow,.section-tag{font:400 11px var(--mono);text-transform:uppercase;letter-spacing:.2em}.hero h1{font:300 clamp(58px,8vw,124px)/.82 var(--serif);letter-spacing:-.055em;margin:28px 0}.hero h1 em,.intro h2 em,.process h2 em{font-weight:300}.lede{max-width:500px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.78)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;margin-top:24px;padding:17px 20px;text-decoration:none;font-size:12px;font-weight:600}.button-light{background:white;color:var(--ink)}.button-dark{background:var(--deep);color:white}.hero-note{position:absolute;right:4vw;bottom:28px;display:flex;gap:25px;font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.7)}.scroll-cue{position:absolute;left:4vw;bottom:26px;color:white;text-decoration:none;font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.16em}.scroll-cue span{display:inline-block;width:26px;height:1px;background:white;margin:0 12px 3px 0}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:6vw;padding:135px 8vw 95px}.section-tag{color:#65746f}.intro h2,.process h2{font:300 clamp(38px,5vw,76px)/.98 var(--serif);letter-spacing:-.04em;margin:0}.intro>div>p{max-width:510px;margin:35px 0 0 auto;line-height:1.8;color:#5f6a66}.rooms{display:grid;grid-template-columns:1.25fr .75fr;gap:2px;background:var(--paper)}.room{position:relative;min-height:460px;background:#bcc8c0;overflow:hidden}.room-main{grid-row:span 2;min-height:922px}.room-image{height:100%;min-height:460px;background-image:url("assets/zago-hero-conceitual.png");background-size:cover;transition:transform .7s ease}.room:hover .room-image{transform:scale(1.025)}.kitchen{background-position:65% center}.living{background-position:100% center}.room-meta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:end;padding:28px;color:white;background:linear-gradient(transparent,rgba(10,20,18,.75))}.room-meta span{font:300 42px var(--serif)}.room-meta p{max-width:230px;margin:0;font-size:12px;line-height:1.6;color:rgba(255,255,255,.75)}.room-line{background:var(--deep)}.technical-drawing{position:absolute;inset:50px;color:rgba(216,224,217,.5);border:1px solid}.technical-drawing:before,.technical-drawing:after,.technical-drawing i{content:"";position:absolute;background:currentColor}.technical-drawing:before{top:50%;left:0;right:0;height:1px}.technical-drawing:after{left:62%;top:0;bottom:0;width:1px}.technical-drawing i:nth-child(1){left:20%;top:0;bottom:0;width:1px}.technical-drawing i:nth-child(2){right:8%;top:18%;width:70px;height:70px;border-radius:50%;background:transparent;border:1px solid}.technical-drawing i:nth-child(3){left:-15px;top:20%;width:30px;height:1px}.technical-drawing b{position:absolute;font:300 10px var(--mono);font-weight:300}.technical-drawing b:nth-of-type(1){top:-20px;left:35%}.technical-drawing b:nth-of-type(2){right:-35px;top:45%;transform:rotate(90deg)}.process{padding:140px 8vw;background:var(--mist)}.process-head{display:grid;grid-template-columns:1fr 2.2fr;gap:6vw;margin-bottom:90px}.process ol{list-style:none;margin:0 0 0 31%;padding:0}.process li{display:grid;grid-template-columns:80px 1fr;padding:30px 0;border-top:1px solid var(--line)}.process li>span{font:400 11px var(--mono);color:#697b75}.process li div{display:flex;justify-content:space-between;gap:30px}.process h3{font:300 31px var(--serif);margin:0}.process li p{max-width:400px;margin:5px 0;line-height:1.65;color:#5d6d67;font-size:14px}.demo-disclaimer{text-align:right;font:300 9px var(--mono);color:#71817b;margin-top:40px}.quote{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:var(--paper)}.quote-copy{padding:110px 8vw;background:var(--ink);color:white}.quote-copy .section-tag{color:#9dac9f}.quote-copy h2{font:300 clamp(42px,5vw,74px)/.98 var(--serif);letter-spacing:-.04em;margin:35px 0}.quote-copy>p:not(.section-tag){color:#adb8b4;line-height:1.7;max-width:500px}.contact-card{margin-top:70px;padding-top:25px;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:10px}.contact-card small,.contact-card span{font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#879690}.contact-card a{color:white;text-decoration:none;font:300 30px var(--serif)}.briefing{padding:110px 7vw;display:flex;align-items:center}.briefing fieldset{border:0;padding:0;margin:0;width:100%}.briefing legend{font:300 clamp(32px,3.6vw,54px)/1.05 var(--serif);margin-bottom:40px}.briefing legend span{display:block;margin-bottom:25px;font:400 10px var(--mono);color:#71817b;text-transform:uppercase;letter-spacing:.15em}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices label{cursor:pointer}.choices input{position:absolute;opacity:0}.choices label span{display:block;border:1px solid var(--line);padding:18px;font-size:13px;transition:.2s}.choices input:checked+span{background:var(--deep);color:white;border-color:var(--deep)}button{font:inherit}.next{display:flex;justify-content:space-between;width:100%;margin-top:30px;padding:18px 20px;border:0;background:var(--deep);color:white;cursor:pointer;font-size:12px}.next:disabled{opacity:.32;cursor:not-allowed}.form-nav{display:flex;align-items:end;gap:20px}.back,.restart{border:0;background:transparent;text-decoration:underline;cursor:pointer;padding:18px 0;font-size:11px}.summary h3{font:300 50px/1 var(--serif);margin:25px 0 40px}.summary dl{margin:0}.summary dl div{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}.summary dt{font:400 10px var(--mono);text-transform:uppercase;color:#72807b}.summary dd{margin:0;font-size:13px}.summary small{display:block;color:#78857f;margin-top:18px;font-size:10px}.summary .restart{margin-left:18px}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 4vw;background:#0b1715;color:#ccd4d0}footer p,footer>span{font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#75827d}@media(max-width:800px){.site-header{padding:18px 20px}.site-header nav{display:none}.header-cta{font-size:0}.header-cta span{font-size:16px}.hero{min-height:720px}.hero-copy{left:24px;right:24px;top:50%}.hero h1{font-size:64px}.hero-note{right:20px}.scroll-cue{left:20px}.intro,.process-head{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.intro{padding-top:90px}.rooms{grid-template-columns:1fr}.room-main{grid-row:auto;min-height:570px}.room{min-height:430px}.process{padding:95px 24px}.process ol{margin:0}.process li{grid-template-columns:45px 1fr}.process li div{display:block}.quote{grid-template-columns:1fr}.quote-copy,.briefing{padding:80px 24px}.briefing{min-height:650px}.choices{grid-template-columns:1fr}.hero-note span:first-child{display:none}footer{align-items:flex-start;gap:30px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room-image{transition:none}}:focus-visible{outline:3px solid #d8b977;outline-offset:4px}

/* Product-depth layer */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-toggle{display:none;border:0;background:transparent;color:white;padding:8px;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;width:22px;height:1px;background:currentColor;margin:5px 0}.mobile-menu{position:fixed;inset:0;z-index:100;background:var(--deep);color:white;padding:22px;overflow:auto}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between}.menu-close{border:0;background:transparent;color:white;font:300 36px var(--serif);cursor:pointer}.mobile-menu nav{display:grid;margin-top:18vh}.mobile-menu nav a{display:flex;align-items:center;gap:22px;padding:22px 0;border-top:1px solid rgba(255,255,255,.18);color:white;text-decoration:none;font:300 40px var(--serif)}.mobile-menu nav a span{font:300 9px var(--mono);color:#91a49d}.mobile-menu>p{margin-top:12vh;font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.15em;color:#91a49d}.portfolio{background:var(--paper)}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:end;padding:0 8vw 32px}.portfolio-toolbar p{margin:0;font:300 10px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:#69766f}.portfolio-toolbar p strong{font:300 30px var(--serif);color:var(--ink);margin-right:8px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:10px 14px;color:var(--ink);font-size:11px;cursor:pointer}.filters button[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:white}.room[hidden]{display:none}.project-open{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.project-open:focus-visible{outline:4px solid #d8b977;outline-offset:-5px}.room-meta>div{display:grid}.room-meta small{font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.66);margin-bottom:8px}.room-meta p b{display:block;margin-top:9px;color:white;font-weight:500}.portfolio-note{margin:0;padding:20px 8vw 70px;text-align:right;font:300 9px var(--mono);color:#76817d}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;padding:130px 8vw;background:#bfc9c2}.faq h2{font:300 clamp(42px,5vw,74px)/.98 var(--serif);letter-spacing:-.04em;margin:35px 0}.faq h2 em{font-weight:300}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{display:flex;align-items:center;justify-content:space-between;padding:25px 0;cursor:pointer;list-style:none;font:300 24px var(--serif)}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font:300 24px var(--serif);transition:transform .2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{max-width:620px;margin:0 40px 26px 0;line-height:1.7;color:#56635e;font-size:13px}.briefing{position:relative}.brief-progress{position:absolute;top:55px;left:7vw;right:7vw;display:flex;align-items:center;gap:12px}.brief-progress i{height:1px;flex:1;background:linear-gradient(90deg,var(--deep) var(--progress,25%),var(--line) var(--progress,25%))}.brief-progress span{font:300 9px var(--mono);color:#75827d}.summary-actions{display:flex;gap:9px}.summary-actions .button{border:0;cursor:pointer;gap:20px}.button-outline{border:1px solid var(--line);color:var(--ink);background:transparent}.project-dialog{width:min(1120px,94vw);max-width:none;height:min(760px,92vh);padding:0;border:0;background:var(--paper);color:var(--ink);overflow:hidden}.project-dialog::backdrop{background:rgba(7,18,16,.78);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:14px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(10,25,22,.2);color:white;font:300 30px var(--serif);cursor:pointer}.project-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.dialog-image{position:relative;min-height:100%}.dialog-image img{width:100%;height:100%;object-fit:cover}.dialog-image span{position:absolute;left:24px;bottom:22px;padding:8px 10px;background:rgba(10,25,22,.78);color:white;font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.12em}.dialog-content{padding:65px 6vw 45px;overflow:auto}.dialog-content h2{font:300 clamp(42px,5vw,70px)/.95 var(--serif);letter-spacing:-.04em;margin:20px 0}.dialog-lede{font:300 19px/1.55 var(--serif);color:#586660}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:38px 0}.project-facts>div{border-top:1px solid var(--line);padding-top:15px}.project-facts small,.project-features>small{font:400 9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#75827d}.project-facts p{font-size:12px;line-height:1.6}.project-features ul{padding-left:17px;margin:14px 0 0}.project-features li{margin:9px 0;font-size:12px;color:#53615c}.use-project{border:0;cursor:pointer}.dialog-note{font:300 9px/1.5 var(--mono);color:#7a8681;margin-top:20px}.toast{position:fixed;right:22px;bottom:22px;z-index:120;max-width:360px;padding:16px 20px;background:#d8b977;color:#15211e;box-shadow:0 12px 45px rgba(0,0,0,.25);font-size:12px}

@media(max-width:800px){.desktop-nav,.site-header .header-cta{display:none}.menu-toggle{display:block}.portfolio-toolbar{display:block;padding:0 24px 24px}.filters{margin-top:20px;display:grid;grid-template-columns:1fr 1fr}.portfolio-note{text-align:left;padding:18px 24px 55px}.room-meta{display:block;padding:24px}.room-meta span{font-size:34px}.room-meta p{margin-top:9px}.faq{grid-template-columns:1fr;padding:85px 24px}.faq h2{font-size:49px}.accordion summary{font-size:22px}.brief-progress{top:35px;left:24px;right:24px}.briefing{padding-top:95px}.summary h3{font-size:46px}.summary dl div{display:block}.summary dd{margin-top:6px}.summary-actions{display:grid}.summary-actions .button{width:100%;margin-top:9px}.summary .restart{margin-left:0}.project-dialog{width:100vw;height:100dvh;max-height:none;margin:0}.project-dialog[open]{display:block}.dialog-image{height:34vh;min-height:0}.dialog-content{height:66vh;padding:35px 24px 45px}.dialog-content h2{font-size:48px}.project-facts{grid-template-columns:1fr}.toast{left:16px;right:16px;bottom:16px}.room-main .room-image{min-height:570px}.room-line .project-open{min-height:430px}}

body.modal-open,body.menu-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.accordion summary span{transition:none}}

/* Cada ambiente usa uma fotografia semanticamente própria. */
.room-image.kitchen{background-image:url("assets/zago-hero-conceitual.png")}
.room-image.living{background-image:url("assets/zago-sala-conceitual.png");background-position:center}
.room-image.bedroom{background-image:url("assets/zago-dormitorio-conceitual.png");background-position:center}