@font-face{font-family:"Newsreader";src:url(../../assets/fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(../../assets/fonts/instrument-sans.woff2) format("woff2");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
:root{--sand:#efe7da;--paper:#f7f2e9;--ink:#2a2118;--soft:#6d5f4f;--clay:#9a5a33;--line:#d8cdbb;--gut:clamp(20px,4.4vw,64px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 "Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,ol{margin:0;padding:0}
img{display:block;width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--clay);outline-offset:3px}
.demo-note{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;background:var(--ink);color:#efe7da;font-size:13px;padding:7px 16px;text-align:center}
.demo-note a{color:#f0c38f;text-underline-offset:3px}
.head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px var(--gut);gap:20px}
.logo{font:400 27px/1 "Newsreader",serif;font-variation-settings:"opsz" 72;letter-spacing:.01em;text-decoration:none;color:var(--ink)}
.head nav{display:flex;gap:30px}
.head nav a{text-decoration:none;font-size:15px}
.head nav a:hover{text-decoration:underline;text-underline-offset:5px}
.head-cta{justify-self:end;font-size:15px;font-weight:500;text-underline-offset:5px}
.hero-img{margin:0 var(--gut);overflow:hidden;border-radius:4px;height:min(48.8vw,58vh)}
.hero-img img{height:100%;object-fit:cover}
.hero-txt{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(24px,6vw,110px);padding:clamp(20px,3.4vh,56px) var(--gut) clamp(60px,8vw,120px);align-items:end}
h1{font:300 clamp(44px,min(6.7vw,13vh),104px)/1.0 "Newsreader",serif;font-variation-settings:"opsz" 72;letter-spacing:-.024em}
.hero-side p{color:var(--soft);max-width:44ch;margin-bottom:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--ink);color:#f7f2e9;border:0;border-radius:3px;font:500 16px "Instrument Sans",sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--clay)}
.manifesto{padding:0 var(--gut) clamp(70px,9vw,140px);display:grid;gap:clamp(40px,5vw,70px)}
.big{font:300 clamp(30px,4vw,60px)/1.12 "Newsreader",serif;font-variation-settings:"opsz" 60;letter-spacing:-.016em;max-width:21em}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.facts div{padding:18px 26px 0 0}
.facts b{display:block;font-weight:600}
.facts span{color:var(--soft);font-size:15.5px}
.work{padding:0 var(--gut) clamp(70px,9vw,140px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px}
.work h2,.process h2{grid-column:1/-1;font:300 clamp(34px,4vw,58px)/1.05 "Newsreader",serif;font-variation-settings:"opsz" 60;margin-bottom:clamp(26px,3vw,44px)}
.pj img{border-radius:3px}
.pj h3{font:400 clamp(23px,2vw,30px)/1.2 "Newsreader",serif;margin:14px 0 3px}
.pj p{color:var(--soft);font-size:15.5px;max-width:42ch}
.pj-a{grid-column:1/8}
.pj-b{grid-column:9/13;margin-top:clamp(50px,9vw,150px)}
.pj-c{grid-column:3/10;margin-top:clamp(40px,6vw,90px)}
.studio{display:grid;grid-template-columns:1fr 1fr;background:var(--sand);align-items:center}
.studio img{height:100%;object-fit:cover}
.studio div{padding:clamp(32px,6vw,100px)}
.studio h2{font:300 clamp(34px,4vw,60px)/1.04 "Newsreader",serif;font-variation-settings:"opsz" 60;letter-spacing:-.016em;margin-bottom:18px}
.studio p{color:var(--soft);max-width:46ch}
.process{padding:clamp(70px,9vw,130px) var(--gut)}
.process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.process li{counter-increment:s;border-top:1px solid var(--ink);padding:14px 24px 0 0}
.process li::before{content:counter(s);font:300 44px/1 "Newsreader",serif;display:block;margin-bottom:26px;color:var(--clay)}
.process b{display:block;font-weight:600;font-size:18px;margin-bottom:4px}
.process span{color:var(--soft);font-size:15.5px;display:block;max-width:27ch}
.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,100px);padding:clamp(60px,7vw,110px) var(--gut);background:var(--ink);color:#f3ebdd}
.contact h2{font:300 clamp(38px,5vw,76px)/1.02 "Newsreader",serif;font-variation-settings:"opsz" 72;letter-spacing:-.02em;margin-bottom:16px}
.contact p{color:#c9bca8;max-width:42ch}
form{display:grid;gap:14px;align-content:start}
label{display:grid;gap:5px;font-size:14.5px;color:#d7cbb8}
input,select{height:52px;border:1px solid #5b4d3d;border-radius:3px;background:#34291e;color:#f7f2e9;font:16px "Instrument Sans",sans-serif;padding:0 14px;width:100%}
input::placeholder{color:#a4957f}
form .btn{background:#f0c38f;color:var(--ink)}
form .btn:hover{background:#f7d6ae}
.result[hidden]{display:none}
.result{display:block;background:#f3ebdd;color:var(--ink);padding:14px 16px;border-radius:3px;font-size:15px}
.result a{font-weight:600;color:var(--clay)}
.foot{display:flex;gap:26px;flex-wrap:wrap;align-items:baseline;padding:26px var(--gut) 34px;color:var(--soft);font-size:14px}
.render .demo-note{display:none}
@media (max-width:820px){
  body{font-size:16px}
  .head{grid-template-columns:1fr auto;padding:12px 18px}
  .head nav{display:none}
  .head-cta{font-size:14.5px}
  .logo{font-size:25px}
  .hero-img{margin:0;border-radius:0;height:auto;aspect-ratio:1/1.08}
  .hero-img img{object-position:66% 50%}
  .hero-txt{grid-template-columns:1fr;padding:22px 18px 54px;gap:14px}
  h1{font-size:43px;line-height:1.02}
  .hero-side p{margin-bottom:18px}
  .hero-side .btn{width:100%}
  .manifesto{padding:0 18px 60px}
  .facts{grid-template-columns:1fr}
  .facts div{padding:13px 0;border-bottom:1px solid var(--line)}
  .work{display:block;padding:0 18px 60px}
  .pj{margin:0 0 34px!important}
  .studio{grid-template-columns:1fr}
  .process ol{grid-template-columns:1fr}
  .process li{padding:12px 0 22px}
  .process li::before{font-size:34px;margin-bottom:8px}
  .contact{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* chamada para a Luca MKT: verde-limão é sempre o caminho para a conversa */
.demo-note .demo-cta{background:#D0F58B;color:#0B1A40;padding:2px 11px;border-radius:99px;font-weight:600;text-decoration:none;white-space:nowrap}
.demo-note .demo-cta:hover{background:#def9ad}