@font-face{font-family:"Instrument Serif";src:url(/assets/fontes/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/assets/fontes/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/fontes/manrope-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/fontes/manrope-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/fontes/manrope-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  --papel:#F3EFE8; --papel-2:#E9E3D8; --tinta:#1E1C19; --suave:#6A645B; --linha:#D3CBBE;
  --acento:#8A5638; --ph:#DCD4C6;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --sans:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --larg:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.cont{max-width:var(--larg);margin:0 auto;padding:0 24px}

/* topo */
.topo{position:sticky;top:0;z-index:5;background:rgba(243,239,232,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--linha)}
.topo .cont{display:flex;align-items:center;gap:24px;height:64px}
.marca{font:400 24px/1 var(--serif);text-decoration:none;letter-spacing:.01em}
.marca span{font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin-left:10px}
.topo nav{margin-left:auto;display:flex;gap:22px;font-size:13px;font-weight:500}
.topo nav a{text-decoration:none;color:var(--suave)} .topo nav a:hover{color:var(--tinta)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--tinta);border-radius:2px;font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--tinta);color:var(--papel)}
.btn.cheio{background:var(--tinta);color:var(--papel)} .btn.cheio:hover{background:var(--acento);border-color:var(--acento)}

/* abertura */
.abertura{padding:96px 0 72px;border-bottom:1px solid var(--linha)}
.rotulo{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--acento)}
.abertura h1{font:400 clamp(44px,7vw,92px)/.98 var(--serif);letter-spacing:-.015em;margin:20px 0 0;max-width:19ch;text-wrap:balance}
.abertura h1 em{font-style:italic;color:var(--acento)}
.abertura p.intro{font-size:clamp(17px,2vw,19px);max-width:62ch;margin:28px 0 0;color:#38342F}
.destaques{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border-top:1px solid var(--linha)}
.destaques div{padding:20px 20px 0 0}
.destaques b{display:block;font:400 40px/1 var(--serif)}
.destaques span{display:block;font-size:13px;color:var(--suave);margin-top:8px;max-width:22ch}
.acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}

/* seções */
section.bloco{padding:88px 0;border-bottom:1px solid var(--linha)}
h2{font:400 clamp(34px,4.6vw,56px)/1.02 var(--serif);margin:14px 0 0;letter-spacing:-.01em}

/* projeto */
.projeto{padding:88px 0;border-bottom:1px solid var(--linha)}
.proj-cab{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.proj-cab .num{font:400 15px/1 var(--serif);color:var(--suave)}
.proj-cab h2{margin-top:10px}
.proj-cab .resumo{font-size:18px;color:#38342F;margin:0}
.tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.tag{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--linha);border-radius:2px;color:var(--suave)}
.tag.forte{border-color:var(--acento);color:var(--acento)}
.capa{margin-top:40px}
.proj-corpo{display:grid;grid-template-columns:280px 1fr;gap:56px;margin-top:44px}
.ficha{margin:0;font-size:13.5px;border-top:1px solid var(--tinta)}
.ficha div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--linha)}
.ficha dt{color:var(--suave)} .ficha dd{margin:0;font-weight:500}
.texto p{margin:0 0 16px;max-width:64ch;font-size:16.5px}
.galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.galeria figure.larga{grid-column:1/-1}
figure{margin:0}
.processo{margin-top:56px;padding-top:28px;border-top:1px solid var(--linha)}
.processo .galeria{margin-top:20px}
.processo .galeria img{background:#fff}
figcaption{font-size:12.5px;color:var(--suave);margin-top:8px}
.ph{background:var(--ph) repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.22) 14px 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#5B5348;padding:20px;width:100%}
.ph b{font:400 22px/1.2 var(--serif)} .ph small{font:500 11px/1.4 ui-monospace,Menlo,monospace;margin-top:8px;opacity:.75}

/* método */
.etapas{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:44px;border-top:1px solid var(--tinta)}
.etapas div{padding:22px 22px 0 0;border-right:1px solid var(--linha);margin-right:22px}
.etapas div:last-child{border-right:0;margin-right:0}
.etapas i{font:italic 400 30px/1 var(--serif);color:var(--acento)}
.etapas b{display:block;font-weight:600;margin:12px 0 8px}
.etapas p{margin:0;font-size:14px;color:#47423B}

/* especificação */
.esp-texto{max-width:64ch;font-size:16.5px;margin:20px 0 0}
.tabela{overflow-x:auto;margin-top:36px;background:#FBF9F5;border:1px solid var(--linha)}
table{border-collapse:collapse;width:100%;min-width:860px;font-size:13px}
th{font:600 10.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--suave);text-align:left;padding:12px 14px;border-bottom:1px solid var(--tinta);background:var(--papel-2)}
td{padding:11px 14px;border-bottom:1px solid var(--linha);vertical-align:top}
td.pend{color:#9A8F80;font-style:italic}
.nota{font-size:12.5px;color:var(--suave);margin-top:10px}

/* sobre */
.sobre{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;margin-top:36px}
.sobre p{margin:0 0 16px;font-size:16.5px}
.lista{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--tinta)}
.lista li{padding:11px 0;border-bottom:1px solid var(--linha);font-size:14px;display:grid;grid-template-columns:110px 1fr;gap:12px}
.lista.simples li{grid-template-columns:1fr}
.lista span{color:var(--suave)}
h3{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin:0 0 12px}

/* contato */
.contato{padding:96px 0 64px}
.contato h2{max-width:14ch}
.contato .linhas{display:flex;gap:40px;flex-wrap:wrap;margin-top:32px;font-size:17px}
.contato .linhas a{text-decoration:none;border-bottom:1px solid var(--linha)} .contato .linhas a:hover{border-color:var(--tinta)}
footer{padding:24px 0 40px;font-size:12px;color:var(--suave)}

@media (max-width:900px){
  .topo nav{display:none}
  .marca span{display:none}
  .marca{font-size:21px}
  .proj-cab,.proj-corpo,.sobre{grid-template-columns:1fr;gap:28px}
  .etapas{grid-template-columns:1fr}
  .etapas div{border-right:0;margin-right:0;border-bottom:1px solid var(--linha);padding-bottom:18px}
  .destaques{grid-template-columns:1fr}
  .galeria{grid-template-columns:1fr}
  .abertura{padding:64px 0 56px}
  section.bloco,.projeto{padding:64px 0}
}

/* impressão / PDF */
@page{size:A4;margin:14mm 14mm 16mm}
@media print{
  body{background:#fff;font-size:10.5pt}
  .topo,.so-tela{display:none!important}
  .cont{max-width:none;padding:0}
  .abertura{padding:30mm 0 0;border:0;min-height:250mm;break-after:page}
  .abertura h1{font-size:54pt}
  .projeto{padding:0;border:0;break-before:page}
  .proj-cab{grid-template-columns:1fr;gap:10px}
  .capa .ph,.capa img{max-height:92mm;width:100%;object-fit:cover}
  .texto p{font-size:9.5pt;margin-bottom:3mm}
  .proj-cab .resumo{font-size:11pt}
  .ficha{font-size:8.5pt}
  .proj-corpo{grid-template-columns:62mm 1fr;gap:10mm;margin-top:8mm}
  .galeria{break-before:page;margin-top:0}
  .processo{margin-top:0;padding-top:0;border:0}
  .processo .galeria{break-before:avoid;margin-top:4mm}
  .processo{break-before:page}
  .processo .galeria img{object-fit:contain}
  .galeria figure{break-inside:avoid}
  .galeria{gap:6mm;grid-template-columns:1fr 1fr}
  .destaques{grid-template-columns:repeat(3,1fr)}
  .marca span{display:inline}
  .galeria .ph,.galeria img{aspect-ratio:auto!important;height:72mm;width:100%;object-fit:cover}
  .galeria figure.larga .ph,.galeria figure.larga img{height:82mm}
  .sobre{grid-template-columns:1fr 1fr;gap:10mm;margin-top:6mm}
  .sobre p{font-size:9.5pt}
  .lista li{padding:2mm 0;font-size:8.5pt}
  .lista{margin-bottom:5mm}
  section.bloco{padding:0;border:0;break-before:page}
  .etapas{grid-template-columns:1fr}
  .etapas div{border-right:0;margin-right:0;border-bottom:1px solid var(--linha);padding:4mm 0}
  .tabela{overflow:visible}
  table{min-width:0;font-size:8pt}
  .contato{padding:0;break-before:page}
  a{text-decoration:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}