@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--ink:#111410;--paper:#edece4;--accent:#dbf28b;--muted:#a5ab9e}
body{background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}::selection{background:var(--accent);color:var(--ink)}html{scrollbar-color:#6c7663 #111410}header{position:absolute;inset:0 0 auto;z-index:5;border:0;height:108px;padding:0 5%;color:#fff}.brand{font-weight:600;letter-spacing:-1px}.brand small{font-size:10px}nav{font-size:13px;gap:34px}.contact-link{border:1px solid #ffffff65;padding:13px 20px;border-radius:2px}.contact-link:hover{background:var(--paper);color:var(--ink)}main.wrap{width:100%;max-width:none}.intro{height:calc(100svh - 48px);min-height:650px;max-height:1000px;display:flex;align-items:end;position:relative;padding:0 5% 100px;isolation:isolate;overflow:hidden}.intro:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080e0ac2,#0b13094d 70%),linear-gradient(0deg,#111410b0,transparent 40%);pointer-events:none}.intro .eyebrow{display:none}.intro h1{font-family:Manrope,Arial,sans-serif;max-width:1000px;font-size:clamp(48px,6.6vw,96px);letter-spacing:-.04em;line-height:1.07;position:relative;margin:0}.intro h1 span{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-style:italic;color:var(--accent);letter-spacing:-.03em}.cinema-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:cinema-in 1.7s cubic-bezier(.16,1,.3,1) both}.intro h1{animation:type-in 1.1s cubic-bezier(.16,1,.3,1) both}.intro h1 span{display:inline-block;animation:type-in 1.5s cubic-bezier(.16,1,.3,1) both}.hero{display:none}.scene-controls{position:absolute;right:5%;bottom:52px;display:flex;gap:10px;align-items:center}.scene-controls button{height:44px;width:56px;border:1px solid #ffffff66;background:#11141044;color:#fff;cursor:pointer;font-size:13px}.scene-controls button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}.scene-controls button:hover{border-color:var(--accent)}.scene-label{position:absolute;bottom:45px;left:5%;font-size:12px;letter-spacing:1px;color:#d1d4ca}.under-image{padding:23px 5%;background:var(--accent);color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.statement{margin:0 5%;padding:125px 0;grid-template-columns:1fr 2fr;border-color:#363c31;align-items:start}.statement .eyebrow{font-size:14px;letter-spacing:0;text-transform:none;color:var(--muted)}.statement p{font-size:clamp(30px,3.7vw,54px);line-height:1.2;letter-spacing:-.035em}.statement p span{color:var(--muted)}#projetos{margin:0 5%}.section-head{padding-top:55px;padding-bottom:40px}.section-head h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.04em}.section-head span{color:var(--muted)}.projects{gap:6%;grid-template-columns:1.25fr 1fr}.project:nth-child(2){padding-top:180px}.project-image{height:560px}.project:nth-child(2) .project-image{height:400px}.project-image{clip-path:inset(0);transition:clip-path .65s cubic-bezier(.16,1,.3,1)}.project button:hover .project-image{clip-path:inset(10px)}.project img{transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.project button:hover img{transform:scale(1.07)}.project-meta{border-color:#363c31;padding:22px 0}.project-meta strong{font-size:22px;letter-spacing:-.02em}.project-meta span{color:var(--muted)}.services{padding:130px 5%;grid-template-columns:1fr 2fr;gap:25px}.services h2{letter-spacing:0;color:var(--muted);font-size:14px}.services details{border-color:#363c31;padding:27px 0}.services details:last-child{border-color:#363c31}.services summary{font-size:clamp(26px,3vw,42px);letter-spacing:-.03em;transition:color .2s,padding .35s}.services summary:hover{color:var(--accent);padding-left:8px}.services details p{color:var(--muted)}.services summary:after{color:var(--accent)}footer{background:var(--accent);color:var(--ink);padding-top:65px}.footer-top h2{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:clamp(44px,6.8vw,96px);letter-spacing:-.035em}.footer-top button{border-color:#111410;color:#111410;transition:background .25s,color .25s}.footer-top button:hover{background:#111410;color:var(--accent)}.footer-bottom{border-color:#11141055;color:#384428}footer .eyebrow{display:none}dialog{background:#1c2218;color:var(--paper)}dialog p{color:var(--muted)}dialog button{color:var(--paper)}.reveal-ready{transition:clip-path 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.project.reveal-ready:not(.in-view){clip-path:inset(0 0 22% 0);transform:translateY(32px)}.project.in-view{clip-path:inset(0);transform:translateY(0)}.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:7;background:#111410e8;color:#e5eadc;border:1px solid #67715a;font-size:12px;padding:10px 14px;cursor:pointer}.motion-off *{animation:none!important;transition:none!important}.motion-off .reveal-ready{transform:none!important;clip-path:none!important}
@keyframes cinema-in{from{transform:scale(1.12);clip-path:inset(5%)}to{transform:scale(1);clip-path:inset(0)}}@keyframes type-in{from{transform:translateY(35px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes scene-change{from{opacity:.25;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){header{height:90px}nav{top:90px;background:#111410;color:var(--paper);border-color:#363c31}.menu{color:#fff}.intro{min-height:600px;height:85svh;padding:0 5% 135px}.intro h1{font-size:clamp(43px,10vw,65px);letter-spacing:-.04em}.cinema-image{object-position:60% center}.intro:before{background:linear-gradient(90deg,#080e0abb,#0b13096b)}.scene-controls{bottom:35px}.scene-label{bottom:90px;max-width:80%}.under-image{font-size:10px;letter-spacing:1px}.statement{padding:75px 0;grid-template-columns:1fr;gap:25px}.statement p{font-size:34px}.section-head{padding:45px 0 25px}.section-head h2{font-size:44px}.projects{grid-template-columns:1fr;gap:40px}.project:nth-child(2){padding-top:0}.project-image,.project:nth-child(2) .project-image{height:390px}.services{grid-template-columns:1fr;padding:80px 5%}.footer-top h2{font-size:58px}.footer-bottom{padding-bottom:40px}.motion-toggle{right:12px;bottom:12px;font-size:11px}.project-meta strong{font-size:20px}}