/* páginas de texto (designer em Paraty, serviços, projetos, sobre): mesma linguagem do portfólio, papel e tinta */
:root{--papel:#ECE6D8;--tinta:#141414;--carmim:#D22B3F;--mostarda:#E2B33C;--mata:#1E5A48;--linha:rgba(20,20,20,.14);--suave:#5b574f}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 clamp(17px,1.15vw,19px)/1.6 "Instrument Sans",system-ui,sans-serif}
a{color:inherit;text-decoration-color:var(--carmim);text-underline-offset:.18em}
a:hover{color:var(--carmim)}
img{display:block;max-width:100%;height:auto}
.topo{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding:20px clamp(16px,4vw,56px);border-bottom:1px solid var(--linha)}
.marca{font:800 22px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em;text-decoration:none}
.marca i,.s{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;letter-spacing:0;color:var(--carmim)}
.topo ul{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;font:400 13px/1.4 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em}
.topo a{text-decoration:none}
.topo a[aria-current]{color:var(--carmim)}
main{max-width:980px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,32px) 40px}
.migalhas ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;list-style:none;font:400 12px/1.4 "DM Mono",monospace;color:var(--suave)}
.migalhas li+li::before{content:"/";margin-right:6px}
.eyebrow{margin:0 0 10px;font:400 12px/1.4 "DM Mono",monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--suave)}
h1{margin:0 0 .35em;font:800 clamp(40px,7vw,88px)/.95 "Bricolage Grotesque",sans-serif;letter-spacing:-.045em}
h1 .s{font-size:1.02em}
h2{margin:0 0 .5em;font:800 clamp(26px,3.2vw,38px)/1.05 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em}
.lead{font:400 clamp(21px,2.1vw,27px)/1.35 "Instrument Serif",serif;max-width:44ch;margin:0 0 32px}
section{margin:56px 0 0;padding-top:28px;border-top:1px solid var(--linha)}
p{max-width:68ch}
figure{margin:0 0 28px}
figure img{border-radius:14px;background:#ddd5c4}
figcaption{margin-top:8px;font:400 12px/1.4 "DM Mono",monospace;color:var(--suave)}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:24px 0}
.grade figure{margin:0}
.grade img{width:100%;aspect-ratio:4/3;object-fit:cover}
.servicos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px 28px;margin:0;padding:0;list-style:none}
.servicos li{display:flex;flex-direction:column;gap:4px}
.servicos b{font:700 19px/1.2 "Bricolage Grotesque",sans-serif;letter-spacing:-.01em}
.servicos span{color:var(--suave);font-size:.94em}
.exemplos{font-size:.94em;color:var(--suave)}
.ficha{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 24px;margin:0 0 32px}
.ficha div{border-top:2px solid var(--tinta);padding-top:8px}
.ficha dt{font:400 11px/1.4 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--carmim)}
.ficha dd{margin:4px 0 0}
.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;margin:0;padding:0;list-style:none}
.cartoes a{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.cartoes figure{margin:0 0 6px}
.cartoes img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cartoes b{font:700 20px/1.15 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em}
.cartoes span{color:var(--suave);font-size:.92em}
.linha,.mais{padding-left:1.1em}
.linha li,.mais li{margin:.35em 0}
.linha b{font-family:"DM Mono",monospace;font-weight:400;color:var(--carmim);margin-right:.6em}
details{border-top:1px solid var(--linha);padding:14px 0}
details:last-child{border-bottom:1px solid var(--linha)}
summary{cursor:pointer;font:700 19px/1.3 "Bricolage Grotesque",sans-serif;letter-spacing:-.01em}
details p{margin:10px 0 0}
.botao{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--tinta);color:var(--papel);text-decoration:none;font:400 15px/1 "DM Mono",monospace}
.botao:hover{background:var(--carmim);color:#fff}
.rodape{border-top:1px solid var(--linha);padding:28px clamp(16px,4vw,56px) 40px;font-size:14px;color:var(--suave)}
.rodape p{max-width:none;margin:.4em 0}
.mapa-site{font:400 12px/1.8 "DM Mono",monospace}
@media (max-width:600px){.topo ul{gap:4px 14px;font-size:12px}}
main>figure img{max-height:min(68vh,620px);width:auto}
.acoes{display:flex;flex-wrap:wrap;gap:12px}
.botao.zap{background:#1E5A48}
.botao.claro{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}
.botao.claro:hover{color:#fff;box-shadow:none}