@font-face{font-family:Archivo;src:url('fonts/archivo-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:Newsreader;src:url('fonts/newsreader-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url('fonts/newsreader-italic-latin.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/jetbrains-mono-500-latin.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{
 --bg:oklch(0.965 0.014 85);--surface:oklch(0.988 0.008 85);--fg:oklch(0.2 0.012 60);
 --muted:oklch(0.45 0.02 70);--border:oklch(0.83 0.02 82);--accent:oklch(0.745 0.183 54);
 --accent-hover:oklch(0.81 0.15 62);--wash:oklch(0.925 0.022 85);--line-dark:oklch(0.4 0.015 65);--polpa:oklch(0.87 0.15 88);--ink-2:oklch(0.26 0.014 60);
 --success:var(--fg);--danger:oklch(0.43 0.125 39);--warn:oklch(0.44 0.075 65);
 --font-display:'Archivo','Helvetica Neue','Segoe UI',sans-serif;--font-body:'Archivo','Helvetica Neue','Segoe UI',sans-serif;
 --font-editorial:'Newsreader','Iowan Old Style','Palatino Linotype',Georgia,serif;--font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular','Consolas','Liberation Mono',monospace;
 --space:8px;--gutter:clamp(24px,4.45vw,80px);--max:1440px;--section:clamp(72px,8vw,128px);--radius:3px;
}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button{color:inherit}
button:disabled{cursor:wait;opacity:.6}a:hover{text-decoration-thickness:2px}button:active,.button:active{transform:translateY(1px)}
:focus-visible{outline:2px solid var(--fg);outline-offset:5px}::selection{background:var(--fg);color:var(--bg)}[hidden]{display:none!important}
img{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4,figure{margin:0}p{max-width:65ch}h1,h2,h3{font-family:var(--font-display);font-weight:550}
h1,h2{letter-spacing:-.035em;line-height:1.08;text-wrap:balance}h2{font-size:clamp(36px,4vw,56px)}h3{font-size:24px;line-height:1.2;letter-spacing:-.015em}
em{font-family:var(--font-editorial);font-weight:400}ul{padding:0;list-style:none}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7}
.wrap{max-width:var(--max);margin:auto;padding-inline:var(--gutter)}.eyebrow{font-size:12px;font-weight:550;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}
.small{font-size:13px;letter-spacing:.01em}.muted{color:var(--muted)}.serif{font-family:var(--font-editorial)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:12px;left:12px;z-index:99;padding:12px 20px;background:var(--fg);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:none}
.preview-bar{font-size:12px;letter-spacing:.015em;background:var(--fg);color:var(--bg)}.preview-bar .wrap{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-bar a{padding:7px 0;min-height:34px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:108px;border-bottom:1px solid var(--border)}
.brand{display:inline-flex;align-items:center;min-height:60px;flex-shrink:0}.brand img{width:196px;height:auto}.main-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}
.main-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.main-nav a:hover{box-shadow:0 1px var(--fg)}.main-nav .nav-contact{gap:24px;border-bottom:1px solid var(--fg)}
.menu-button{display:none;min-width:48px;min-height:44px;border:1px solid var(--border);background:transparent;padding:8px 14px}.preview-bar :focus-visible{outline-color:var(--bg)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding-block:66px 58px;min-height:686px}
.hero-copy{position:relative;z-index:2}.hero .eyebrow{margin-bottom:24px;max-width:360px}.hero h1{font-size:clamp(48px,5.05vw,76px);max-width:780px;line-height:1.045;letter-spacing:-.045em}
.hero h1 span,.hero h1 em{display:block}.hero h1 em{letter-spacing:-.035em;line-height:1.02;margin-top:7px}.hero-description{max-width:440px;margin-top:26px;line-height:1.65}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:13px 22px;border:1px solid transparent;border-radius:var(--radius);font-size:14px;font-weight:550;letter-spacing:.02em;text-decoration:none;transition:background .18s,transform .18s,border-color .18s}
.button.primary{background:var(--accent);color:var(--fg)}.button.primary:hover{background:var(--accent-hover);color:var(--fg);text-decoration:none}.button.secondary{background:transparent;border-color:var(--fg);color:var(--fg)}.button.secondary:hover{background:var(--fg);color:var(--bg);text-decoration:none}
.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:500}.hero-footnote{font-size:12px;margin-top:14px;color:var(--muted);letter-spacing:.015em}
.hero-scene{height:525px;position:relative;perspective:1500px;isolation:isolate}.scene-inner{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out}
.site-window{position:absolute;background:var(--surface);border:1px solid var(--border);box-shadow:8px 24px 40px oklch(0.245923 0.004 128 / .11);border-radius:7px;overflow:hidden;color:var(--fg)}
.window-architecture{width:89%;right:0;top:26px;transform:rotateY(-11deg) rotateX(5deg) rotateZ(2deg);z-index:2}.window-chrome{height:29px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:5px;padding:0 12px;color:var(--muted);font-size:9px;letter-spacing:.02em}.window-chrome i{width:5px;height:5px;border:1px solid var(--muted);border-radius:50%}.window-chrome span{margin-left:auto}
.preview-arch{padding:23px 25px 17px}.preview-nav{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.06em}.preview-nav strong{font-size:24px;letter-spacing:-.05em;font-weight:550}.preview-arch h2{font:400 37px/1.04 var(--font-editorial);letter-spacing:-.035em;max-width:290px;margin:26px 0 17px}
.image-reserve{background:var(--wash);border:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px;color:var(--muted);font-size:11px;letter-spacing:.03em;line-height:1.5}.preview-arch .image-reserve{min-height:130px}.reserve-number{font-family:var(--font-editorial);font-size:44px;line-height:1;color:var(--muted)}
.demo-label{font-size:11px;font-weight:500;letter-spacing:.025em;line-height:1.5}.preview-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-top:15px}
.window-ceramics{width:38%;left:0;top:203px;transform:translateZ(44px) rotateY(-6deg) rotateZ(-5deg);z-index:3;border:5px solid var(--fg);border-radius:21px;box-shadow:5px 20px 32px oklch(0.245923 0.004 128 / .15)}
.preview-ceramics{padding:22px 16px 14px;text-align:center;background:var(--wash);min-height:261px}.preview-ceramics .wordmark{font:400 27px var(--font-editorial)}.preview-ceramics .demo-label{font-size:8px;margin-top:2px}.preview-ceramics h2{font:400 27px/1.05 var(--font-editorial);letter-spacing:-.02em;margin:27px 0 19px}.preview-ceramics .ceramic-note{border-top:1px solid var(--border);padding-top:12px;font-size:9px}.home-indicator{width:42px;height:3px;margin:13px auto 0;border-radius:3px;background:var(--fg)}
.scene-caption{position:absolute;right:0;bottom:10px;width:56%;font-size:12px;line-height:1.5;letter-spacing:.01em;padding-top:13px;border-top:1px solid var(--border)}.scene-caption span{display:block;color:var(--muted);margin-top:3px}
.intent-strip{padding:24px 0;display:flex;align-items:center;gap:28px;border-block:1px solid var(--border)}.intent-strip p{font-size:13px;max-width:250px}.intent-options{display:flex;gap:10px;flex-wrap:wrap}.intent-button{display:flex;align-items:center;gap:16px;padding:11px 17px;min-height:46px;border:1px solid var(--border);background:transparent;font-size:13px;letter-spacing:.02em;border-radius:30px}
.intent-button:hover{border-color:var(--fg);background:var(--wash)}.intent-button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.section{padding-block:var(--section)}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:end;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px}.section-heading p{color:var(--muted);max-width:400px}.section-heading h2{max-width:660px}
.project-list{display:grid;gap:28px}.project-card{border:1px solid var(--border);padding:24px;background:var(--surface);display:grid;grid-template-columns:1.75fr 1fr;gap:40px;align-items:center;min-width:0}
.project-preview{display:block;border:1px solid var(--border);min-width:0;min-height:310px;text-decoration:none;position:relative;background:var(--bg);transition:box-shadow .2s,transform .2s;overflow:hidden}.project-preview:hover{box-shadow:0 6px 15px oklch(0.24 0.004 128 / .08);transform:translateY(-3px)}
.card-browser{height:25px;background:var(--bg);border-bottom:1px solid var(--border);font-size:10px;color:var(--muted);padding:4px 12px;display:flex;justify-content:space-between}
.project-meta{padding:16px 16px 16px 0}.project-meta .eyebrow{color:var(--muted);margin:12px 0 20px}.project-meta h3{font-size:32px;letter-spacing:-.025em;margin-bottom:12px}.project-meta p{font-size:14px;color:var(--muted)}.project-meta .text-link{margin-top:20px}.project-meta .demo-label{display:inline-block;border:1px solid var(--border);padding:4px 9px}
.project-tags{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;letter-spacing:.02em;margin-top:20px}.project-tags span{border-bottom:1px solid var(--border);padding-bottom:4px}
.ponto-preview{background:var(--fg);color:var(--bg);padding:27px 28px;min-height:287px}.ponto-preview .wordmark{font-size:19px;letter-spacing:-.04em;font-weight:600}.mini-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px}.ponto-preview h4{font-size:clamp(28px,3vw,44px);line-height:1.06;letter-spacing:-.03em;font-weight:550;max-width:360px;margin:24px 0 18px}.ponto-preview .mini-bottom{border-top:1px solid var(--line-dark);padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:10px}
.vao-preview{padding:24px 28px;min-height:287px}.vao-preview .wordmark{font-size:27px;letter-spacing:-.05em}.vao-preview .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.vao-preview h4{font:400 35px/1.1 var(--font-editorial);letter-spacing:-.03em}.vao-preview .image-reserve{min-height:165px;padding:12px;font-size:9px}.vao-preview .mini-note{font-size:9px;margin-top:20px}
.oleiro-preview{background:var(--wash);padding:24px 30px;min-height:287px;text-align:center}.oleiro-preview .wordmark{font:400 33px var(--font-editorial);letter-spacing:.01em}.oleiro-preview h4{font:400 40px/1.05 var(--font-editorial);letter-spacing:-.03em;margin:30px auto 20px;max-width:340px}.oleiro-preview .mini-bottom{border-top:1px solid var(--border);padding-top:12px;font-size:10px;letter-spacing:.06em}
.benefits{background:var(--fg);color:var(--bg)}.benefits .section-heading p{color:var(--border)}.benefits h2{font-weight:500}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.benefit-item{border-top:1px solid var(--line-dark);padding-top:24px}.benefit-item .number{font:400 30px var(--font-editorial);display:block;margin-bottom:40px;color:var(--border)}.benefit-item h3{font-size:24px;margin-bottom:16px;font-weight:500}.benefit-item p{font-size:14px;color:var(--border)}
.formats-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--border)}.format{padding:36px 40px 36px 0}.format+ .format{border-left:1px solid var(--border);padding-left:40px;padding-right:0}.format .eyebrow{color:var(--muted);margin-bottom:10px}.format h3{font-size:30px;margin-bottom:16px}.format-description{font-size:14px;max-width:46ch;min-height:70px}.format ul{margin:26px 0 18px;border-top:1px solid var(--border)}.format li{padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.format .text-link{border:0;background:transparent;padding:4px 0;text-decoration:underline;text-underline-offset:5px}
.formats-footnote{font-size:13px;line-height:1.6;margin-top:22px;color:var(--muted)}.process{padding-top:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-step{padding-top:23px;border-top:1px solid var(--border)}.process-step .number{font:400 30px var(--font-editorial);display:block;margin-bottom:24px}.process-step h3{font-size:20px;margin-bottom:14px}.process-step p{font-size:14px;color:var(--muted)}
.faq{background:var(--wash)}.faq-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:80px}.faq .eyebrow{margin-bottom:20px}.faq h2{max-width:420px}.faq details{border-bottom:1px solid var(--border)}.faq details:first-child{border-top:1px solid var(--border)}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:80px;padding:20px 0;font-weight:500;line-height:1.45}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:14px;padding:0 42px 24px 0;color:var(--muted)}.faq summary:hover{text-decoration:underline;text-underline-offset:5px}
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:96px}.contact-intro .eyebrow{margin-bottom:20px}.contact-intro h2{max-width:500px;font-size:clamp(44px,4.5vw,64px)}.contact-intro>p{margin-top:25px;color:var(--muted)}.contact-aside{border-top:1px solid var(--border);margin-top:44px;padding-top:20px;font-size:13px;max-width:365px}.contact-aside strong{display:block;margin-bottom:6px;font-weight:550}
.site-footer{border-top:1px solid var(--border);padding-block:36px 26px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top p{font-family:var(--font-editorial);font-size:24px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--border);margin-top:30px;padding-top:20px;font-size:12px;color:var(--muted)}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.demo-dialog{border:1px solid var(--border);padding:0;background:var(--wash);color:var(--fg);width:calc(100vw - 40px);max-width:1500px;height:calc(100dvh - 40px);max-height:1100px;overflow:hidden;border-radius:6px}.demo-dialog::backdrop{background:oklch(0.18 0.004 88 / .82)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;background:var(--bg);border-bottom:1px solid var(--border)}.dialog-title{font-size:18px;line-height:1.3;letter-spacing:-.015em}.dialog-header .demo-label{color:var(--muted);margin-top:2px}.dialog-controls{display:flex;align-items:center;gap:14px}.view-switch{display:flex;gap:3px;border:1px solid var(--border);padding:3px}.view-switch button{min-height:38px;padding:8px 13px;border:0;background:transparent;font-size:12px;letter-spacing:.02em}.view-switch button:hover{background:var(--wash)}.view-switch button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.close-dialog{min-height:44px;padding:8px 12px;background:transparent;border:1px solid var(--muted);font-size:13px}.close-dialog:hover{background:var(--fg);color:var(--bg)}.dialog-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 22px;background:var(--bg);font-size:12px;border-bottom:1px solid var(--border)}.dialog-meta a{min-height:40px;display:inline-flex;align-items:center}.dialog-meta p{font-size:11px}
.demo-stage{height:calc(100% - 134px);padding:20px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;position:relative}.frame-wrap{flex-shrink:0;position:relative;width:100%;height:100%;min-height:300px;transform-origin:top center}.demo-frame{display:block;width:100%;height:100%;border:1px solid var(--border);background:var(--surface)}.frame-wrap[data-view=mobile]{width:375px;max-width:100%;border:5px solid var(--fg);border-radius:23px;overflow:hidden}.frame-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;background:var(--bg);border:1px solid var(--border);font-size:14px;z-index:2;max-width:90%;text-align:center}
.b-hero{padding-top:48px}.b-heading{display:grid;grid-template-columns:1.9fr 1fr;gap:70px;align-items:end}.b-heading h1{font-size:clamp(52px,6.2vw,88px);max-width:1000px;letter-spacing:-.04em}.b-heading h1 em{display:block}.b-hero .eyebrow{margin-bottom:25px}.b-description p{font-size:15px}.b-description .button{margin-top:25px}.b-showcase{display:grid;grid-template-columns:1.1fr 1.65fr 1fr;gap:20px;align-items:center;margin-top:55px;margin-bottom:30px}.b-showcase a{text-decoration:none;min-width:0;transition:transform .25s}.b-showcase a:hover{transform:translateY(-6px)}.b-showcase .ponto-preview,.b-showcase .oleiro-preview,.b-showcase .vao-preview{min-height:300px;border:1px solid var(--border)}.b-showcase .demo-label{display:block;margin-top:12px;color:var(--muted)}.b-showcase .vao-preview{min-height:355px}.b-showcase .mini-grid{grid-template-columns:1fr}.b-showcase .vao-preview h4{font-size:44px;max-width:290px}.b-showcase .image-reserve{min-height:96px}.b-continuation{border-top:1px solid var(--border);padding:35px 0 65px;display:flex;align-items:center;justify-content:space-between;gap:20px}.b-continuation p{max-width:550px}
.directions-intro{padding-block:70px 45px;max-width:1000px}.directions-intro h1{font-size:clamp(44px,5vw,68px);margin:20px 0}.directions-intro p{color:var(--muted)}.direction-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:80px}.direction-card{border:1px solid var(--border);padding:32px;display:flex;flex-direction:column;align-items:flex-start}.direction-card h2{font-size:36px;margin:24px 0 18px}.direction-card>p{color:var(--muted);font-size:14px}.direction-card .button{margin-top:auto}.direction-sample{width:100%;margin:28px 0 35px;min-height:240px;background:var(--wash);padding:25px;border:1px solid var(--border)}.direction-sample .sample-title{font-size:31px;font-weight:550;line-height:1.12;letter-spacing:-.025em}.direction-sample.a{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center}.direction-sample.a .sample-page{border:1px solid var(--border);background:var(--bg);padding:22px 16px;transform:perspective(500px) rotateY(-12deg) rotateZ(4deg);font:400 28px/1.1 var(--font-editorial)}.direction-sample.b .sample-title{max-width:350px}.sample-panels{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:7px;margin-top:22px}.sample-panels span{padding:20px 6px;background:var(--bg);border:1px solid var(--border);font-size:12px;text-align:center}.recommendation{font-size:12px;padding:5px 10px;background:var(--accent);color:var(--fg)}
.preview-image{width:auto;height:auto;max-height:220px;max-width:100%;object-fit:contain;margin-inline:auto}.preview-arch .preview-image{max-height:200px}.preview-arch h2{font-size:32px;max-width:100%;margin:17px 0}.hero-scene{height:560px}.window-architecture{top:10px}.window-ceramics{top:255px}.preview-ceramics{padding-top:15px}.preview-ceramics h2{font-size:24px;margin:15px 0}.phone-image{width:100%;height:auto}.preview-ceramics .ceramic-note{margin-top:12px;font-size:8px}.scene-caption{bottom:0}.mini-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:25px;align-items:center;margin-block:20px}.mini-feature h4{margin:0}.mini-photo{width:100%;height:auto;object-fit:contain}.ponto-preview h4{font-size:clamp(25px,2.5vw,36px)}.oleiro-preview .mini-feature{grid-template-columns:1fr 1.1fr;text-align:left}.oleiro-preview .mini-feature h4{font-size:36px;margin:0}.vao-preview .mini-grid{align-items:center}.vao-preview .preview-image{max-height:215px}.b-showcase .mini-feature{display:block;margin:0}.b-showcase .mini-photo{margin-top:23px}.b-showcase .oleiro-preview h4{font-size:32px;margin-top:25px}.b-showcase .mini-bottom{margin-top:18px}.b-showcase .vao-preview .preview-image{max-height:245px}.b-showcase .ponto-preview h4{margin-bottom:0}.b-showcase .oleiro-preview .mini-feature{text-align:center}
@media(min-width:1600px){.hero{gap:50px}.hero-scene{height:580px}.scene-caption{bottom:0}}
@media(max-width:1100px){.main-nav{gap:20px}.hero{grid-template-columns:1.1fr 1fr;gap:20px;padding-top:48px}.hero h1{font-size:59px}.hero-scene{height:485px}.preview-arch h2{font-size:30px}.preview-arch{padding:20px}.window-ceramics{width:43%;top:218px}.preview-ceramics{padding:20px 12px;min-height:245px}.preview-ceramics h2{font-size:25px}.scene-caption{font-size:11px;bottom:0}.hero-actions{gap:12px}.project-card{gap:30px;grid-template-columns:1.4fr 1fr}.project-meta{padding-right:0}.contact-grid{gap:50px}.faq-grid{gap:50px}.b-heading{gap:35px;grid-template-columns:1.55fr 1fr}.b-showcase{gap:14px}.b-showcase .ponto-preview,.b-showcase .oleiro-preview,.b-showcase .vao-preview{padding:20px}.b-showcase .ponto-preview h4{font-size:32px}}
@media(max-width:800px){.site-header{min-height:92px;position:relative}.brand img{width:184px}.menu-button{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:10;background:var(--bg);padding:18px 24px;border:1px solid var(--border);box-shadow:0 12px 18px oklch(0.24 0.004 128 / .07)}.main-nav[data-open=true]{display:flex;flex-direction:column;align-items:stretch;gap:4px}.main-nav a{padding:10px 0}.main-nav .nav-contact{justify-content:space-between}.hero{grid-template-columns:1fr;gap:26px;padding-block:46px 30px}.hero h1{font-size:clamp(51px,8vw,68px);max-width:650px}.hero-description{max-width:510px}.hero-scene{width:min(100%,530px);height:465px;justify-self:center}.window-ceramics{width:36%;top:196px}.window-architecture{width:86%;right:2%}.scene-caption{bottom:5px;width:55%;right:2%}.intent-strip{align-items:flex-start;gap:18px;flex-direction:column}.intent-strip p{max-width:none}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-heading p{max-width:540px}.project-card{grid-template-columns:1fr;gap:8px;padding:18px}.project-meta{padding:15px 5px 10px}.project-meta .eyebrow{margin:12px 0}.project-meta h3{font-size:28px}.project-meta p{max-width:550px}.project-preview{min-height:270px}.ponto-preview,.vao-preview,.oleiro-preview{min-height:270px}.ponto-preview h4{font-size:38px}.project-tags{margin-top:12px}.benefit-grid{gap:24px}.benefit-item h3{font-size:21px}.benefit-item .number{margin-bottom:26px}.format{padding-right:24px}.format+ .format{padding-left:24px}.format-description{min-height:90px}.process-grid{grid-template-columns:1fr 1fr;row-gap:40px}.faq-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.contact-intro h2{max-width:650px}.contact-aside{display:none}.footer-top{flex-wrap:wrap}.footer-bottom{align-items:flex-start;flex-wrap:wrap}.b-heading{grid-template-columns:1fr;gap:26px}.b-heading h1{font-size:clamp(50px,8.5vw,70px)}.b-description p{max-width:600px}.b-showcase{grid-template-columns:1fr 1fr;align-items:stretch}.b-showcase>a:nth-child(2){grid-column:1/-1;grid-row:1}.b-showcase .vao-preview .mini-grid{grid-template-columns:1fr 1fr}.b-showcase .vao-preview{min-height:255px}.b-showcase .mini-nav>span{display:none}.b-continuation{flex-direction:column;align-items:flex-start}.direction-cards{grid-template-columns:1fr}.direction-sample{min-height:230px}.demo-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.dialog-header{padding:12px;gap:10px;flex-wrap:wrap}.dialog-title{font-size:16px}.dialog-controls{gap:7px}.dialog-meta{padding-inline:12px}.demo-stage{padding:12px;height:calc(100% - 156px)}}
@media(max-width:520px){.preview-bar .wrap{gap:10px}.preview-bar{font-size:10px}.preview-bar .long-label{display:none}.hero h1{font-size:clamp(43px,11.3vw,58px)}.hero .eyebrow{font-size:11px}.hero-description{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:5px}.hero .button{width:100%;justify-content:space-between}.hero-scene{height:425px;margin-top:4px}.window-architecture{width:91%;right:0;top:8px;transform:rotateY(-7deg) rotateZ(1deg)}.preview-arch{padding:17px}.preview-arch h2{font-size:27px;margin-top:21px;max-width:230px}.preview-arch .image-reserve{min-height:93px;font-size:9px;padding:10px}.preview-nav span{font-size:8px}.window-ceramics{width:38%;left:0;top:190px;border-width:4px;border-radius:16px}.preview-ceramics{min-height:200px;padding:17px 9px 10px}.preview-ceramics .wordmark{font-size:23px}.preview-ceramics h2{font-size:22px;margin:20px 0 16px}.preview-ceramics .ceramic-note{font-size:8px}.preview-ceramics .demo-label{font-size:7px}.scene-caption{bottom:8px;font-size:10px;width:55%}.intent-options{width:100%;gap:8px}.intent-button{width:100%;justify-content:space-between;flex-direction:row-reverse}.benefit-grid,.formats-grid{grid-template-columns:1fr}.benefit-item .number{margin-bottom:15px}.benefit-item h3{font-size:24px}.format,.format+ .format{padding:30px 0;border-left:0}.format+ .format{border-top:1px solid var(--border)}.format-description{min-height:0}.process-grid{gap:30px 22px}.process-step h3{font-size:18px}.process-step p{font-size:13px}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.form-actions .button{width:100%;justify-content:space-between}.faq details p{padding-right:0}.faq summary{font-size:15px;gap:18px}.contact-grid{gap:30px}.footer-top p{font-size:21px}.footer-bottom{gap:8px}.b-showcase{grid-template-columns:1fr}.b-showcase>a:nth-child(2){grid-column:auto}.b-showcase .vao-preview .mini-grid{grid-template-columns:1fr}.b-showcase .image-reserve{min-height:135px}.b-heading h1{font-size:clamp(44px,11vw,58px)}.b-description .button{width:100%;justify-content:space-between}.direction-card{padding:24px}.direction-sample{padding:18px}.direction-sample .sample-title{font-size:26px}.direction-sample.a .sample-page{font-size:25px}.ponto-preview,.vao-preview,.oleiro-preview{padding:22px}.vao-preview .mini-grid{gap:14px}.vao-preview h4{font-size:29px}.dialog-header{display:block}.dialog-controls{margin-top:10px;justify-content:space-between}.dialog-meta{gap:10px}.dialog-meta p{font-size:10px}.demo-stage{height:calc(100% - 179px);padding:8px}.view-switch button{min-height:44px}.close-dialog{padding:10px}.dialog-meta a{font-size:11px}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.scene-inner{transform:none!important;transition:none}.project-preview,.b-showcase a{transition:none}.project-preview:hover,.b-showcase a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@supports not (perspective:1px){.site-window{transform:none}.scene-inner{transform:none}}
.preview-bar a,.view-switch button,.dialog-meta a{min-height:44px}.hero h1{letter-spacing:-.03em}.hero h1 em,h1,h2{letter-spacing:-.025em}.hero-scene{contain:layout}.site-window{pointer-events:none}.demo-dialog:focus-visible{outline-offset:-4px}
@media(max-width:800px){html:not(.js) .menu-button{display:none}html:not(.js) .site-header{flex-wrap:wrap;padding-block:15px}html:not(.js) .main-nav{display:flex;position:static;box-shadow:none;border:0;padding:0;flex-wrap:wrap;gap:15px}}
@media(max-width:1100px){.hero-scene{height:540px}.preview-arch .preview-image{max-height:170px}.window-ceramics{top:250px}.preview-ceramics{min-height:0}.preview-ceramics h2{font-size:23px}.mini-feature{gap:18px}.oleiro-preview .mini-feature h4{font-size:29px}.scene-caption{bottom:0}}
@media(max-width:800px){.hero-scene{height:535px}.preview-arch .preview-image{max-height:192px}.window-architecture{top:8px}.window-ceramics{top:245px}.preview-ceramics{min-height:0}.scene-caption{bottom:0}.ponto-preview h4{font-size:36px}.b-showcase .vao-preview .mini-grid{grid-template-columns:1fr 1.15fr}.b-showcase .mini-photo{max-height:220px;width:auto;margin-inline:auto}}
@media(max-width:520px){.hero-scene{height:490px}.preview-arch .preview-image{max-height:172px}.preview-arch h2{font-size:26px}.window-ceramics{top:223px}.preview-ceramics h2{font-size:20px;margin:12px 0}.preview-ceramics .wordmark{font-size:22px}.preview-ceramics .ceramic-note{padding-top:6px;margin-top:7px}.preview-ceramics{padding:12px 8px 8px}.scene-caption{bottom:0}.mini-feature,.oleiro-preview .mini-feature{grid-template-columns:1fr;gap:20px}.mini-feature h4{font-size:32px;max-width:300px}.mini-feature .mini-photo{max-height:205px;width:auto;margin-inline:auto}.oleiro-preview .mini-feature{text-align:center}.oleiro-preview .mini-feature h4{font-size:34px;margin:auto}.vao-preview .mini-grid{grid-template-columns:1fr}.vao-preview .preview-image{max-height:225px}.b-showcase .vao-preview .mini-grid{grid-template-columns:1fr}.b-showcase .mini-photo{max-height:250px}.b-showcase .oleiro-preview .mini-feature{text-align:center}}
/* The caption has a dedicated lower band; panel overlap is intentional only within the stage. */
.hero-scene{height:580px}.window-architecture{top:0}.preview-arch{padding:18px 22px}.preview-nav strong{line-height:1}.preview-arch h2{font-size:30px;line-height:1.05;margin:16px 0}.preview-arch .preview-image{max-height:192px}.window-ceramics{top:232px;width:34%;min-width:130px;max-width:178px}.preview-ceramics{min-height:0;padding:12px 10px 10px}.preview-ceramics .wordmark{font:400 24px/1 var(--font-editorial)}.preview-ceramics .demo-label{font-size:7px;line-height:1.4;margin-top:6px}.preview-ceramics h2{font:400 18px/1.08 var(--font-editorial);margin:14px 0 12px;letter-spacing:-.02em}.preview-ceramics .ceramic-note{display:none}.scene-caption{bottom:0}
@media(max-width:1100px){.hero-scene{height:555px}.preview-arch .preview-image{max-height:165px}.window-ceramics{top:220px}}
@media(max-width:800px){.hero-scene{height:565px}.preview-arch .preview-image{max-height:185px}.window-ceramics{top:232px}}
@media(max-width:520px){.hero-scene{height:510px}.preview-arch{padding:15px}.preview-arch h2{font-size:24px;line-height:1.04;margin:13px 0}.preview-arch .preview-image{max-height:155px}.window-ceramics{top:212px;min-width:125px;border-width:4px}.preview-ceramics{padding:12px 9px 9px}.preview-ceramics .wordmark{font-size:22px}.preview-ceramics h2{font-size:17px;margin:12px 0}.scene-caption{max-width:52%;font-size:10px}}
@media(max-width:520px){.site-header{gap:12px}[data-od-id=directions-header] .small{max-width:100px;text-align:right}}

/* MANGO final editorial refinement: generous project rows, alternating composition. */
.project-list{gap:20px}
.project-card{border:0;border-top:1px solid var(--border);padding:42px 0;background:transparent;gap:56px}
@media(min-width:801px){
 .project-card:nth-child(2){grid-template-columns:1fr 1.75fr}
 .project-card:nth-child(2) .project-preview{order:2}
 .project-card:nth-child(2) .project-meta{order:1;padding-left:8px}
}
@media(max-width:800px){.project-card{padding:26px 0;gap:12px}}
@media(max-width:520px){.vao-preview .mini-grid{grid-template-columns:1fr}}

/* R02: stable SVG icons and a conversation-led commercial close. */
.icon{display:inline-block;vertical-align:-.18em;width:1.15em;height:1.15em;min-width:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.button .icon,.nav-contact .icon{width:22px;height:22px;min-width:22px}.button:has(.icon-whatsapp){gap:12px}
.nav-contact,.view-switch button,.close-dialog{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.preview-bar a,.footer-bottom a,.dialog-meta a{gap:8px}.icon-plus{width:19px;height:19px}
.intent-button[aria-pressed=true] .icon-vertical,.faq details[open] .icon-vertical{visibility:hidden}
.format li{display:flex;align-items:flex-start;gap:12px}.format li .icon{margin-top:3px}
.contact-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:72px}
.contact-conversation{background:var(--fg);color:var(--bg);padding:clamp(26px,4vw,48px)}
.contact-conversation>.eyebrow{color:var(--accent);margin-bottom:22px}.contact-conversation h3{font-size:clamp(28px,3vw,40px);margin-bottom:20px}
.contact-conversation>p:not(.eyebrow):not(.contact-channel-note){color:var(--border);font-size:16px}
.conversation-steps{padding:0;margin:30px 0;list-style:none;border-top:1px solid var(--line-dark)}
.conversation-steps li{display:flex;gap:18px;align-items:baseline;border-bottom:1px solid var(--line-dark);padding:16px 0;font-size:14px}
.step-index{font-size:12px;color:var(--accent)}.contact-conversation .button{width:100%;gap:12px;min-height:56px}
.contact-conversation .contact-channel-note{color:var(--border);font-size:12px;text-align:center;margin-top:13px}
.contact-conversation :focus-visible{outline-color:var(--accent)}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr;gap:30px}.contact-intro h2{max-width:660px}.main-nav{gap:18px}}
@media(max-width:520px){.hero .button,.b-description .button{justify-content:center}.contact-conversation{padding:26px 22px}.button .icon{width:22px;height:22px}.view-switch button{gap:5px;padding-inline:9px}}

.main-nav .nav-contact{gap:9px}@media(min-width:801px) and (max-width:1100px){.site-header{gap:18px}.brand img{width:150px}.main-nav{gap:17px;font-size:13px}}

/* R03: variety of business contexts within the original Mango composition. */
.audience-strip{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;padding:24px 0;border-top:1px solid var(--border);font-size:13px}
.audience-strip p{flex:1 1 270px;font-weight:550}.audience-strip>span{color:var(--muted)}
.ponto-preview{background:#123b61;color:#f6faff}.ponto-preview .mini-bottom{border-color:#587c99}
.vao-preview,.preview-arch{background:#eef3f5;color:#17354a}.preview-nav strong{letter-spacing:-.04em}
.preview-arch h2{font-size:29px}.preview-nav span{font-size:8px}.window-chrome{font-size:9px}
.direction-sample.a .sample-page{font-size:26px}
@media(max-width:520px){.audience-strip{gap:10px 18px;font-size:12px}.audience-strip p{flex-basis:100%;font-size:14px}.preview-arch h2{font-size:25px}.preview-nav strong{font-size:21px}.preview-nav span{font-size:7px}}

/* MANGO 2026: identidade compartilhada. Grotesca pesada condensada, serifa itálica como contravoz, rótulos em mono, laranja manga. Sem verde. */
h1,h2,h3{font-weight:800;font-stretch:84%}
h1,h2,.hero h1,.hero h1 em{letter-spacing:-.02em}
h1 em,h2 em,h3 em,h4 em{font-stretch:normal;font-weight:400}
::selection{background:var(--accent);color:var(--fg)}
html{scrollbar-color:var(--fg) var(--bg);accent-color:var(--accent)}
.eyebrow,.step-index,.card-browser,.project-meta .demo-label,.b-showcase .demo-label,.audience-strip>span,.project-tags{font-family:var(--font-mono);font-weight:500}
.eyebrow{font-size:11.5px;letter-spacing:.06em}
.button{border-radius:999px;font-size:15px;font-weight:700;letter-spacing:0;padding-inline:26px}
.button.primary:hover{background:var(--fg);color:var(--bg)}
.button.primary:focus-visible,.button.secondary:focus-visible{outline-offset:4px}
.contact-conversation .button.primary:hover,.benefits .button.primary:hover{background:var(--bg);color:var(--fg)}
.site-header{min-height:88px}
.brand{min-height:44px;text-decoration:none;color:inherit}
.brand-lockup{display:inline-flex;align-items:flex-end;font:900 36px/.74 var(--font-display);font-stretch:80%;letter-spacing:-.03em;text-transform:uppercase}
.brand-lockup svg{width:auto;height:1.04em;margin:0 0 -.05em .02em;overflow:visible;stroke:none;stroke-width:0;flex:none}
.brand-lockup .fruit{fill:var(--accent)}.brand-lockup .leaf{fill:currentColor}
.site-footer .brand-lockup{font-size:44px}
.main-nav .nav-contact{border:0;border-radius:999px;background:var(--fg);color:var(--bg);padding:0 20px;min-height:46px;font-weight:700;transition:background .18s,color .18s}
.main-nav .nav-contact:hover{box-shadow:none;background:var(--accent);color:var(--fg)}
@media(max-width:800px){.site-header{min-height:76px}.brand-lockup{font-size:31px}.main-nav .nav-contact{justify-content:center;margin-top:8px;min-height:52px}}
.benefits h2,.benefit-item h3{font-weight:800}.benefits .section-heading h2{max-width:none}
.main-nav a{white-space:nowrap}
@media(min-width:801px) and (max-width:900px){.site-header{gap:14px}.brand-lockup{font-size:30px}.main-nav{gap:12px;font-size:12.5px}.main-nav .nav-contact{padding:0 14px}.main-nav .nav-contact .icon{display:none}}