@font-face{font-family:"Bebas";src:url(../fonts/bebas-neue-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Playfair";src:url(../fonts/playfair-display-latin-wght-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --preto:#070707;--fundo:#0c0c0c;--cartao:#121212;--cartao2:#181818;--linha:#262626;--linha2:#333;
  --texto:#f2f0ec;--fraco:#a9a6a1;--fraco2:#7d7a76;--laranja:#e2552b;--laranja2:#ff7a4d;--creme:#efe7d8;
  --cond:"Bebas","Arial Narrow",Impact,sans-serif;--serif:"Playfair",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --raio:22px;--raio-p:14px;--max:1320px;--gut:clamp(16px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--preto);color:var(--texto);font:400 1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{max-width:100%;display:block}
img,video{height:auto}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:400}
ul{margin:0}
button{font:inherit;color:inherit}
.pular{position:absolute;left:-999px;top:8px;background:var(--texto);color:#000;padding:10px 14px;border-radius:999px;z-index:200}
.pular:focus{left:12px}
:focus-visible{outline:2px solid var(--laranja2);outline-offset:3px;border-radius:6px}
.contido{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;text-transform:none}
.num{color:var(--laranja);font-family:var(--sans);font-size:.42em;vertical-align:super;letter-spacing:.02em;font-weight:600}
.etiqueta{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--linha2);border-radius:999px;padding:7px 16px;font-size:.86rem;color:var(--texto);background:rgba(255,255,255,.02)}
.etiqueta::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--texto)}
.cond{font-family:var(--cond);font-weight:400;letter-spacing:.01em;line-height:.9;text-transform:uppercase}
.sem-imagem{background:linear-gradient(135deg,#161616,#0d0d0d);aspect-ratio:3/2;border-radius:var(--raio-p)}

/* botões em pílula (gramática da referência) */
.btn{display:inline-flex;align-items:center;gap:14px;border-radius:999px;padding:8px 8px 8px 22px;font-weight:500;font-size:.98rem;text-decoration:none;border:1px solid transparent;cursor:pointer;min-height:48px;transition:transform .25s,background .25s,color .25s}
.btn .seta{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#000;color:#fff;transition:transform .3s}
.btn:hover .seta{transform:rotate(-45deg)}
.btn-branco{background:var(--texto);color:#000}
.btn-laranja{background:var(--laranja);color:#fff}.btn-laranja .seta{background:#fff;color:var(--laranja)}
.btn-linha{border-color:var(--linha2);color:var(--texto);background:transparent}.btn-linha .seta{background:var(--texto);color:#000}
.btn:active{transform:scale(.98)}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* cabeçalho: menu em pílula centralizado */
.cab{position:fixed;inset:0 0 auto;z-index:50;padding:16px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .3s}
.cab.solido{background:linear-gradient(#070707ee,#07070700)}
.logo{font-family:var(--cond);font-size:2rem;letter-spacing:.04em;text-decoration:none;line-height:1}
.logo span{color:var(--laranja)}
.menu{display:flex;gap:4px;background:rgba(20,20,20,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--linha);border-radius:999px;padding:5px}
.menu a{padding:8px 18px;border-radius:999px;text-decoration:none;font-size:.9rem;color:var(--fraco);transition:color .2s,background .2s}
.menu a:hover{color:var(--texto)}
.menu a[aria-current=page]{background:var(--texto);color:#000}
.cab .btn{min-height:44px;padding:6px 6px 6px 18px;font-size:.9rem}
.burger{display:none;background:rgba(20,20,20,.8);border:1px solid var(--linha2);border-radius:999px;padding:10px 18px;cursor:pointer;min-height:44px}
@media (max-width:980px){
  .menu{position:fixed;inset:72px 12px auto;flex-direction:column;border-radius:var(--raio);padding:10px;display:none;background:#111}
  .menu.aberto{display:flex}
  .menu a{padding:14px 18px;font-size:1.05rem}
  .burger{display:block}
  .cab .btn-cab{display:none}
}

/* HERÓI-PRANCHA */
.heroi{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;padding:110px 0 90px;background:radial-gradient(ellipse 60% 70% at 52% 18%,#2a2724 0%,#0c0c0c 55%,#070707 100%)}
.heroi .foto{position:absolute;inset:0;z-index:0}
.heroi .foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.92}
.heroi .foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070707 0%,#07070700 34%,#07070700 66%,#070707 100%),linear-gradient(#07070700 60%,#070707 100%)}
.heroi .grade{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;width:100%}
.heroi h1{font-family:var(--cond);font-size:clamp(5.2rem,15vw,15rem);line-height:.82;letter-spacing:.005em}
.heroi h1 small{display:block;font-size:.3em;color:var(--fraco2);letter-spacing:.04em;margin-top:.12em}
.heroi .lead{max-width:430px;color:var(--fraco);margin:22px 0 0}
.credencial{margin-top:26px;width:min(330px,100%);border:1px solid var(--linha2);border-radius:var(--raio);padding:20px 22px;background:rgba(10,10,10,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;min-height:156px}
.credencial .item{position:absolute;inset:20px 22px;opacity:0;transition:opacity .6s}
.credencial .item.ativo{opacity:1;position:relative;inset:auto}
.credencial b{display:block;font-family:var(--cond);font-size:2.6rem;line-height:1;color:var(--texto)}
.credencial span{display:block;font-size:.9rem;color:var(--fraco);margin-top:6px}
.credencial .pontos{display:flex;gap:6px;margin-top:16px}
.credencial .pontos i{width:7px;height:7px;border-radius:9px;background:#444;transition:width .3s,background .3s}
.credencial .pontos i.ativo{width:22px;background:var(--texto)}
.oquefazemos{justify-self:end;text-align:right;list-style:none;padding:0;font-family:var(--sans);text-transform:uppercase;letter-spacing:.04em}
.oquefazemos li{font-size:clamp(1rem,1.5vw,1.3rem);color:#5e5b58;transition:color .5s;line-height:1.7}
.oquefazemos li:first-child{font-size:.8rem;color:var(--fraco)}
.oquefazemos li.aceso{color:var(--texto)}
.fantasma{position:absolute;right:var(--gut);top:96px;font-family:var(--cond);font-size:clamp(4rem,10vw,10rem);color:rgba(255,255,255,.07);line-height:.8;z-index:1;pointer-events:none}
.espacado{position:absolute;left:0;right:0;bottom:26px;z-index:2;text-align:center;font-family:var(--cond);font-size:clamp(1.2rem,2vw,1.8rem);letter-spacing:.9em;color:var(--fraco2);pointer-events:none}
.espacado i{font-style:normal}
@media (max-width:860px){
  .heroi{align-items:end;padding-top:96px}
  .heroi .foto{bottom:auto;height:56svh}
  .heroi .foto img{object-position:50% 50%;opacity:1}
  .heroi .foto::after{background:linear-gradient(#07070700 55%,#070707 100%)}
  .heroi .grade{grid-template-columns:1fr;padding-top:50svh}
  .oquefazemos{justify-self:start;text-align:left}
  .fantasma{display:none}
  .espacado{position:static;margin-top:28px;font-size:1.1rem;letter-spacing:.6em}
}

/* seções gerais */
.secao{padding:clamp(72px,10vw,140px) 0;position:relative}
.cabeca{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,400px);gap:20px 40px;align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.cabeca .etiqueta{grid-column:1/-1;justify-self:start}
.cabeca h2{font-family:var(--sans);font-weight:500;font-size:clamp(2.3rem,5.4vw,4.6rem);line-height:1;letter-spacing:-.03em}
.cabeca h2 .it{font-weight:400}
.cabeca p{max-width:440px;color:var(--fraco);margin:0;justify-self:end}
@media (max-width:860px){.cabeca{grid-template-columns:1fr}.cabeca p{justify-self:start}}
.direta{font-size:1.06rem;color:var(--texto);max-width:760px}

/* mosaico oblíquo de projetos */
.mosaico-wrap{overflow:hidden;padding:20px 0 40px;position:relative}
.mosaico{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;width:128%;margin-left:-14%;transform:rotate(-7deg) skewX(4deg);transform-origin:center}
.mosaico a{display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--linha);position:relative;transition:transform .5s,border-color .3s}
.mosaico a:hover{transform:translateY(-6px);border-color:var(--laranja)}
.mosaico img{width:100%;height:100%;object-fit:cover}
.mosaico a span{position:absolute;left:12px;bottom:10px;font-size:.78rem;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:999px}
.mosaico-wrap .legenda{position:absolute;left:var(--gut);bottom:30px;z-index:2;max-width:260px;font-size:.92rem;color:var(--fraco);background:rgba(7,7,7,.8);padding:10px 14px;border-radius:12px}
@media (max-width:860px){.mosaico{grid-template-columns:repeat(2,1fr);width:150%;margin-left:-25%}.mosaico a:nth-child(n+7){display:none}}

/* sobre com revelação em mosaico */
.sobre{display:grid;grid-template-columns:.9fr 1.1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.sobre .desde{font-size:.9rem;color:var(--fraco)}.sobre .desde b{display:block;font-size:1.5rem;color:var(--texto);font-weight:500}
.revela{position:relative;border-radius:var(--raio);overflow:hidden;aspect-ratio:4/5}
.revela img{width:100%;height:100%;object-fit:cover}
.revela .tampa{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(10,1fr);pointer-events:none}
.revela .tampa i{background:var(--preto);transition:opacity .5s;transition-delay:calc(var(--d) * 1ms)}
.revela.vis .tampa i{opacity:0}
.sobre .texto p{color:var(--fraco)}
.sobre .texto p:first-child{color:var(--texto);font-size:1.15rem}
@media (max-width:980px){.sobre{grid-template-columns:1fr}.revela{max-width:520px}}

/* especialidades: cartões /01 /02 /03 */
.especialidades{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.esp{padding:clamp(24px,3vw,40px);border-right:1px solid var(--linha);display:flex;flex-direction:column;gap:14px;text-decoration:none;transition:background .3s;min-height:440px}
.esp:last-child{border-right:0}
.esp:hover{background:var(--cartao)}
.esp .icone{width:100%;aspect-ratio:16/10;border-radius:var(--raio-p);overflow:hidden;background:#0f0f0f}
.esp .icone img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.05);transition:filter .5s,transform .8s}
.esp:hover .icone img{filter:none;transform:scale(1.04)}
.esp .n{color:var(--fraco);font-size:.9rem}
.esp h3{font-size:1.45rem;font-weight:500}
.esp p{color:var(--fraco);margin:0}
.esp .rodape-esp{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--linha);font-size:.9rem}
.esp .rodape-esp b{color:var(--laranja2);font-weight:600}
@media (max-width:980px){.especialidades{grid-template-columns:1fr}.esp{border-right:0;border-bottom:1px solid var(--linha);min-height:0}.esp:last-child{border-bottom:0}}

/* projetos em destaque e lista em ziguezague */
.projeto{padding:clamp(28px,4vw,56px) 0;border-top:1px solid var(--linha)}
.projeto .topo{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;font-size:.9rem;color:var(--fraco)}
.projeto .topo b{color:var(--texto);font-weight:500}
.moldura{display:block;border-radius:var(--raio);padding:clamp(18px,3.4vw,48px);background:var(--cor,#2a1a12);position:relative;overflow:hidden;text-decoration:none}
.moldura::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.18),transparent 60%),repeating-linear-gradient(115deg,rgba(0,0,0,.18) 0 18px,rgba(255,255,255,.04) 18px 36px);pointer-events:none}
.moldura img{position:relative;border-radius:14px;width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transition:transform .6s}
.moldura:hover img{transform:scale(1.015)}
.projeto .titulo{display:grid;grid-template-columns:1fr minmax(0,420px);gap:20px 48px;align-items:end;margin-top:26px}
.projeto h2,.projeto h3{font-family:var(--cond);font-size:clamp(2.8rem,6.4vw,5.6rem);line-height:.88;text-transform:uppercase}
.projeto h3 a{text-decoration:none}
.projeto .sobre-proj{color:var(--fraco);font-size:.98rem}
.projeto .sobre-proj b{display:block;color:var(--texto);font-weight:500;margin-bottom:6px}
@media (max-width:860px){.projeto .titulo{grid-template-columns:1fr}}
.zigue .projeto{border:0;display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.zigue .projeto .moldura{grid-column:1/9}
.zigue .projeto .titulo{grid-column:1/9;grid-template-columns:1fr}
.zigue .projeto:nth-child(even) .moldura,.zigue .projeto:nth-child(even) .titulo{grid-column:5/13}
@media (max-width:860px){.zigue .projeto .moldura,.zigue .projeto .titulo,.zigue .projeto:nth-child(even) .moldura,.zigue .projeto:nth-child(even) .titulo{grid-column:1/-1}}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filtros button{border:1px solid var(--linha2);background:transparent;border-radius:999px;padding:10px 18px;cursor:pointer;min-height:44px;color:var(--fraco)}
.filtros button[aria-pressed=true]{background:var(--texto);color:#000;border-color:var(--texto)}

/* por que nós: frase com cápsula de vídeo */
.frase-grande{font-family:var(--cond);font-size:clamp(3.2rem,9.6vw,9.4rem);line-height:.9;text-transform:uppercase;letter-spacing:.005em}
.frase-grande .linha{display:flex;align-items:center;gap:.18em;flex-wrap:wrap}
.frase-grande .laranja{color:var(--laranja)}
.capsula{display:inline-block;width:1.9em;height:.78em;border-radius:999px;overflow:hidden;background:#1a1410;vertical-align:middle;border:1px solid #3a2a20;flex:none}
.capsula video,.capsula img{width:100%;height:100%;object-fit:cover}
.clipe>img{width:100%;height:100%;object-fit:cover}
.frase-grande .lado{font-family:var(--sans);font-size:.8rem;letter-spacing:.06em;color:var(--fraco);max-width:220px;line-height:1.5;text-align:right;margin-left:auto}
.pilha{display:grid;gap:22px;max-width:720px;margin:clamp(40px,6vw,80px) auto 0}
.pilha .carta{position:sticky;top:calc(96px + var(--i) * 18px);background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:auto 1fr auto;gap:18px 26px;align-items:start;box-shadow:0 -14px 40px -20px #000}
.pilha .carta .icone-carta{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#2a2a2a,#111);display:grid;place-items:center;border:1px solid var(--linha2)}
.pilha .carta .icone-carta svg{width:30px;height:30px;stroke:var(--laranja2);fill:none;stroke-width:1.6}
.pilha h3{font-family:var(--cond);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;text-transform:uppercase}
.pilha p{color:var(--fraco);margin:8px 0 0}
.pilha .n{color:var(--fraco2);font-size:.85rem}
@media (max-width:600px){.pilha .carta{grid-template-columns:1fr}.pilha .carta .n{display:none}}

/* processo */
.etapas{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--linha)}
.etapa{padding:26px 22px 0 0;position:relative}
.etapa::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--laranja)}
.etapa .n{font-family:var(--cond);font-size:2.4rem;color:var(--fraco2);line-height:1}
.etapa h3{font-size:1.12rem;font-weight:600;margin:10px 0 8px}
.etapa p{color:var(--fraco);font-size:.94rem;margin:0 0 10px}
.etapa .t{font-size:.82rem;color:var(--laranja2)}
@media (max-width:980px){.etapas{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--linha);padding-left:20px}.etapa{padding:0 0 30px}.etapa::before{left:-25px;top:12px}}

/* depoimentos */
.depos{position:relative}
.depos .malha{position:absolute;inset:0;width:100%;height:100%;opacity:.45;pointer-events:none}
.depo-grande{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:clamp(24px,4vw,60px);align-items:center;position:relative}
.depo-grande .foto-depo{border-radius:var(--raio);overflow:hidden;aspect-ratio:4/5}
.depo-grande .foto-depo img{width:100%;height:100%;object-fit:cover}
.depo-grande blockquote{margin:0;font-family:var(--cond);font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.02;text-transform:uppercase}
.depo-grande cite{display:block;margin-top:18px;font-style:normal;color:var(--fraco)}
.depo-grande cite b{color:var(--texto);font-weight:500}
.depo-espalhados{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 9%;margin-top:clamp(40px,6vw,90px);position:relative}
.depo-espalhados .d{background:rgba(22,22,22,.86);border:1px solid var(--linha);border-radius:var(--raio-p);padding:22px;max-width:400px}
.depo-espalhados .d:nth-child(even){justify-self:end;margin-top:60px}
.depo-espalhados p{color:var(--texto);font-size:.96rem}
.depo-espalhados .quem{display:flex;gap:12px;align-items:center;font-size:.86rem;color:var(--fraco)}
.depo-espalhados .quem i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--laranja);color:#fff;font-style:normal;font-weight:600;flex:none}
.depo-espalhados .quem b{display:block;color:var(--texto);font-weight:500}
.titulo-depo{text-align:center;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.03em;font-weight:500;margin:clamp(40px,6vw,80px) 0}
@media (max-width:860px){.depo-grande,.depo-espalhados{grid-template-columns:1fr}.depo-espalhados .d:nth-child(even){margin-top:0;justify-self:start}.depo-grande .foto-depo{max-width:300px}}

/* confiança */
.confianca{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.confianca div{background:var(--preto);padding:26px}
.confianca h3{font-size:1rem;font-weight:600;margin-bottom:8px}
.confianca p{color:var(--fraco);margin:0;font-size:.94rem}
@media (max-width:860px){.confianca{grid-template-columns:1fr}}

/* perguntas */
.faq{max-width:900px}
.faq details{border-bottom:1px solid var(--linha);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-size:1.08rem;font-weight:500;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:1.6rem;color:var(--laranja);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--fraco);padding-bottom:16px;max-width:760px}

/* chamada final */
.chamada{position:relative;border-radius:var(--raio);overflow:hidden;min-height:520px;display:grid;align-items:end;padding:clamp(28px,5vw,64px)}
.chamada .fundo{position:absolute;inset:0}.chamada .fundo img{width:100%;height:100%;object-fit:cover;opacity:.45}
.chamada::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070707 0%,#070707cc 45%,#07070033 100%)}
.chamada .conteudo{position:relative;z-index:2;max-width:640px}
.chamada h2{font-size:clamp(3rem,7vw,6rem);line-height:.95;letter-spacing:-.03em;font-weight:500}
.chamada p{color:var(--fraco);margin-top:16px}

/* páginas internas */
.topo-interno{padding:140px 0 40px;background:radial-gradient(ellipse 50% 80% at 70% 0%,#24201c,#070707 70%)}
.migalha{font-size:.86rem;color:var(--fraco);margin-bottom:22px}
.migalha a{color:var(--fraco)}
.topo-interno h1{font-family:var(--cond);font-size:clamp(3.6rem,10vw,9rem);line-height:.86;text-transform:uppercase}
.topo-interno h1 .it{font-size:.62em;text-transform:none;display:block;color:var(--fraco)}
.topo-interno .lead{max-width:640px;color:var(--fraco);font-size:1.08rem;margin-top:22px}
.resposta{border-left:3px solid var(--laranja);padding:4px 0 4px 18px;max-width:820px;font-size:1.1rem;color:var(--texto)}
.servicos{display:grid;gap:22px}
.servico{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(22px,4vw,56px);background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(22px,3vw,40px);scroll-margin-top:100px}
.servico h2{font-family:var(--cond);font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:.9;text-transform:uppercase}
.servico .preco{display:inline-block;margin:14px 0;border:1px solid var(--laranja);color:var(--laranja2);border-radius:999px;padding:6px 14px;font-size:.92rem}
.servico .para{color:var(--fraco)}
.servico h3{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fraco2);margin:20px 0 10px;font-weight:600}
.servico ol,.servico ul{padding-left:1.1em;color:var(--fraco)}
.servico li{margin-bottom:6px}
.servico li b{color:var(--texto);font-weight:500}
.servico .ficha-s{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.servico .ficha-s div{background:var(--preto);border:1px solid var(--linha);border-radius:12px;padding:12px 14px;font-size:.9rem}
.servico .ficha-s dt{color:var(--fraco2);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.servico .ficha-s dd{margin:2px 0 0}
@media (max-width:860px){.servico{grid-template-columns:1fr}}
.clipe{border-radius:var(--raio);overflow:hidden;background:#0f0f0f;aspect-ratio:16/9;border:1px solid var(--linha)}
.clipe video,.clipe img{width:100%;height:100%;object-fit:cover}
.legenda-clipe{font-size:.86rem;color:var(--fraco);margin-top:10px}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,56px);align-items:start}
@media (max-width:860px){.duas{grid-template-columns:1fr}}

/* glossário */
.glossario{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;margin:0}
.glossario div{background:var(--preto);padding:22px}
.glossario dt{font-family:var(--cond);font-size:1.8rem;line-height:1;text-transform:uppercase;margin-bottom:8px}
.glossario dd{margin:0;color:var(--fraco)}

/* página de projeto */
.ficha{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--raio-p);overflow:hidden;margin:0 0 40px}
.ficha div{background:var(--preto);padding:16px 18px}
.ficha dt{font-size:.76rem;color:var(--fraco2);text-transform:uppercase;letter-spacing:.06em}
.ficha dd{margin:4px 0 0;font-size:.95rem}
@media (max-width:860px){.ficha{grid-template-columns:repeat(2,1fr)}}
.galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:40px 0}
.galeria figure{margin:0;border-radius:var(--raio-p);overflow:hidden;background:#111}
.galeria figure.largo{grid-column:1/-1}
.galeria img{width:100%;height:100%;object-fit:cover}
.galeria figcaption{font-size:.84rem;color:var(--fraco);padding:10px 4px 0}
@media (max-width:600px){.galeria{grid-template-columns:1fr}}
.bloco-texto h2{font-family:var(--cond);font-size:clamp(2rem,3.6vw,3rem);text-transform:uppercase;line-height:.95;margin-bottom:14px}
.bloco-texto p,.bloco-texto li{color:var(--fraco)}
.bloco-texto ul{padding-left:1.1em}
.proximo{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--linha);padding-top:28px;margin-top:40px}
.proximo a{text-decoration:none;font-family:var(--cond);font-size:clamp(1.8rem,3vw,2.6rem);text-transform:uppercase;line-height:1}
.proximo small{display:block;font-family:var(--sans);font-size:.8rem;color:var(--fraco);text-transform:none;margin-bottom:4px}

/* equipe */
.equipe{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pessoa{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.pessoa .ft{aspect-ratio:4/5;overflow:hidden}.pessoa .ft img{width:100%;height:100%;object-fit:cover}
.pessoa div.txt{padding:20px 22px}
.pessoa h3{font-family:var(--cond);font-size:2rem;line-height:1;text-transform:uppercase}
.pessoa .papel{color:var(--laranja2);font-size:.9rem;margin:4px 0 10px}
.pessoa p{color:var(--fraco);font-size:.94rem;margin:0}
@media (max-width:860px){.equipe{grid-template-columns:1fr}}

/* formulários, agenda */
.painel{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(20px,3vw,34px)}
.campo{margin-bottom:16px}
.campo label{display:block;font-size:.9rem;color:var(--fraco);margin-bottom:6px}
.campo input,.campo select,.campo textarea{width:100%;background:#0b0b0b;border:1px solid var(--linha2);border-radius:12px;padding:13px 14px;color:var(--texto);font:inherit;min-height:48px}
.campo textarea{min-height:120px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--laranja);outline:none}
.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dica{font-size:.84rem;color:var(--fraco2);margin-top:12px}
.dica a{color:var(--fraco)}
.erro{color:#ff8a6a;margin:0 0 10px;min-height:1px}
.tipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.tipo,.dia,.hora{background:#0b0b0b;border:1px solid var(--linha2);border-radius:14px;padding:14px;text-align:left;cursor:pointer;color:var(--texto);min-height:48px;transition:border-color .2s,background .2s}
.tipo small{display:block;color:var(--fraco);font-size:.84rem;margin-top:4px}
.tipo[aria-pressed=true],.dia[aria-pressed=true],.hora[aria-pressed=true]{border-color:var(--laranja);background:#1d120d}
.dias{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.dia{flex:0 0 86px;text-align:center;scroll-snap-align:start}
.dia small{display:block;color:var(--fraco);font-size:.76rem;text-transform:uppercase}
.dia b{display:block;font-family:var(--cond);font-size:2rem;line-height:1}
.dia:disabled{opacity:.35;cursor:not-allowed}
.horas{display:flex;flex-wrap:wrap;gap:8px}
.hora{padding:12px 18px}
.vazio{color:var(--fraco);margin:0}
.cartao-ok{background:var(--cartao);border:1px solid var(--laranja);border-radius:var(--raio);padding:clamp(20px,3vw,34px)}
.cartao-ok h2{font-family:var(--cond);font-size:2.6rem;text-transform:uppercase;line-height:1;margin-bottom:12px}
.cartao-ok dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:16px 0}
.cartao-ok dt{color:var(--fraco)}.cartao-ok dd{margin:0}
.contatos p{color:var(--fraco)}.contatos b{color:var(--texto);font-weight:500}

/* textos legais */
.legal-texto{max-width:820px}
.legal-texto h2{font-size:1.5rem;font-weight:600;margin:1.6em 0 .5em}
.legal-texto h3{font-size:1.1rem;font-weight:600;margin:1.2em 0 .4em}
.legal-texto p,.legal-texto li{color:var(--fraco)}
.legal-texto table{border-collapse:collapse;width:100%;font-size:.92rem;color:var(--fraco)}
.legal-texto td,.legal-texto th{border:1px solid var(--linha2);padding:8px;text-align:left}

/* rodapé */
.rodape{border-top:1px solid var(--linha);padding:70px 0 34px;margin-top:40px;background:radial-gradient(ellipse 60% 100% at 50% 100%,#1a1512,#070707 70%)}
.rodape .grade{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.rodape .marca-rod{font-family:var(--cond);font-size:clamp(4rem,9vw,7rem);line-height:.85}
.rodape .marca-rod span{color:var(--laranja)}
.rodape h4{font-size:.8rem;color:var(--fraco2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-weight:600}
.rodape a{display:block;text-decoration:none;color:var(--fraco);padding:5px 0}
.rodape a:hover{color:var(--texto)}
.rodape p{color:var(--fraco);font-size:.92rem}
.rodape .fim{margin-top:40px;padding-top:20px;border-top:1px solid var(--linha);font-size:.84rem;color:var(--fraco2);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rodape .legal-links{display:flex;gap:16px;flex-wrap:wrap}
.rodape .legal-links a{display:inline;padding:0;color:var(--fraco2)}
@media (max-width:860px){.rodape .grade{grid-template-columns:1fr 1fr}.rodape .grade>div:first-child{grid-column:1/-1}}


.zap-fixo{position:fixed;left:16px;bottom:16px;z-index:60;display:none;align-items:center;gap:10px;background:#1fa855;color:#fff;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:600;font-size:.95rem;box-shadow:0 10px 30px -8px rgba(0,0,0,.7);min-height:48px}
.zap-fixo svg{width:22px;height:22px;fill:#fff}
@media (max-width:860px){.zap-fixo{display:inline-flex}}

/* entradas ao rolar */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}
.reveal.vis{opacity:1;transform:none}
.js-off .reveal{opacity:1;transform:none}


@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .reveal{opacity:1;transform:none}
  .revela .tampa{display:none}
  .mosaico{transform:rotate(-7deg) skewX(4deg)}
}