@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-400.woff2) format("woff2")}@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-500.woff2) format("woff2")}
:root{--papel:#f5f3ef;--papel-2:#eae6df;--tinta:#262220;--tinta-2:#665f59;--escuro:#2a2624;--escuro-2:#1f1c1a;--claro:#f4f1ec;--claro-2:#b9b0a5;--linha:#d5cec3;--linha-e:#47413d;--ouro:#a8906e;
--texto:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 1.0625rem/1.7 var(--texto);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
::selection{background:var(--ouro);color:var(--escuro-2)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
h1,h2,h3{margin:0;font-weight:500;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
p{margin:0}ul{list-style:none;margin:0;padding:0}
.w{max-width:78rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem)}
.rot{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.barra{background:var(--escuro-2);color:var(--claro-2);font-size:.8rem}
.barra .w{display:flex;justify-content:space-between;gap:1rem;padding-block:.55rem;flex-wrap:wrap}
header{background:var(--escuro);color:var(--claro);position:sticky;top:env(safe-area-inset-top,0px);z-index:5;border-bottom:1px solid var(--linha-e)}
header .w{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.1rem}
header img{height:2.3rem;width:auto}
nav{display:flex;align-items:center;gap:2rem}
nav a{padding-block:.4rem;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;white-space:nowrap}
nav a:hover,nav a[aria-current]{border-color:var(--ouro)}
.btn{display:inline-flex;align-items:center;gap:.7rem;background:var(--ouro);color:var(--escuro-2);padding:.95rem 1.5rem;transition:background .2s,transform .15s;white-space:nowrap}
.btn:hover{background:var(--claro)}.btn:active{transform:translateY(1px)}
.btn::after{content:"";width:.45rem;height:.45rem;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.seta{display:inline-flex;align-items:center;gap:.7rem;color:var(--ouro);transition:gap .2s}
.seta:hover{gap:1.1rem}
.seta::after{content:"";width:.45rem;height:.45rem;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.topo{background:var(--escuro);color:var(--claro);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.topo .t{display:grid;gap:1.75rem;justify-items:start;align-content:center;padding:clamp(3rem,7vw,6rem) clamp(1.25rem,4vw,3rem);padding-left:max(clamp(1.25rem,4vw,3rem),calc((100vw - 78rem)/2 + 3rem))}
.topo h1{font-size:clamp(2.3rem,4.6vw,4rem);max-width:13ch}
.topo p{color:var(--claro-2);font-size:1.15rem;max-width:30rem}
.topo .regua{width:3.5rem;height:3px;background:var(--ouro)}
.topo img{width:100%;height:100%;max-height:40rem;min-height:22rem;object-fit:cover;object-position:50% 18%}
.tres{background:var(--papel-2);border-bottom:1px solid var(--linha)}
.tres .w{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.tres .w>div{padding:2.25rem clamp(1rem,2.5vw,2.25rem);border-left:1px solid var(--linha);display:grid;gap:.5rem;align-content:start}
.tres .w>div:first-child{border-left:0;padding-left:0}
.tres h3{font-size:1.15rem;letter-spacing:-.01em}.tres p{color:var(--tinta-2);font-size:.97rem;line-height:1.55}
section{padding-block:clamp(4rem,8vw,7rem)}
.cab{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,3.25rem)}
.cab h2,.sobre h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
.paineis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.painel{padding:clamp(1.75rem,3.5vw,3rem);display:grid;gap:1.5rem;align-content:start;border:1px solid var(--linha);background:#fff;transition:border-color .2s}
.painel:hover{border-color:var(--ouro)}
.painel.e{background:var(--escuro);color:var(--claro);border-color:var(--escuro)}
.painel .n{color:var(--ouro)}
.painel h3{font-size:1.6rem}
.painel li{padding:.7rem 0;border-top:1px solid var(--linha);font-size:1rem}
.painel.e li{border-color:var(--linha-e)}
.sobre{background:var(--papel-2)}
.sobre .w,.duo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.sobre img,.duo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.sobre .t,.duo .t{display:grid;gap:1.5rem;justify-items:start;max-width:34rem}
.sobre .t p,.duo .t p{color:var(--tinta-2)}
.cta{background:var(--escuro);color:var(--claro);padding-block:clamp(3rem,6vw,5rem)}
.cta .w{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.cta h2{font-size:clamp(1.6rem,3vw,2.4rem);max-width:22ch}
.faixa{background:var(--escuro);color:var(--claro)}
.faixa .w{padding-block:clamp(2.5rem,6vw,4.5rem);display:grid;gap:1rem}
.faixa .rot{color:var(--claro-2)}.faixa .rot a:hover{color:var(--ouro)}
.faixa h1{font-size:clamp(2.2rem,4.4vw,3.6rem)}
.grupo{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--linha)}
.grupo:first-child{border-top:0;padding-top:0}
.grupo h2{font-size:1.7rem}.grupo .n{color:var(--ouro);margin-bottom:.9rem;display:block}
.grupo ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem}
.grupo li{padding:1rem 0 1rem 1.4rem;border-bottom:1px solid var(--linha);position:relative;line-height:1.4}
.grupo li::before{content:"";position:absolute;left:0;top:1.5rem;width:.45rem;height:.45rem;background:var(--ouro)}
.duo{align-items:start}.duo h2{font-size:1.7rem}
dl{margin:0;display:grid;gap:2rem}dt{color:var(--tinta-2)}dd{margin:.4rem 0 0;font-size:1.25rem;line-height:1.5}
footer{background:var(--escuro-2);color:var(--claro-2);font-size:.92rem}
footer .w{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2.5rem;padding-block:3.5rem}
footer img{height:2.1rem;width:auto;margin-bottom:1.25rem}
footer .rot{color:var(--ouro);display:block;margin-bottom:1rem}
footer li{padding:.25rem 0}footer a:hover{color:var(--claro)}
.fim{border-top:1px solid var(--linha-e);font-size:.8rem}.fim .w{display:block;padding-block:1.25rem}
.zap{position:fixed;right:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));width:3.25rem;height:3.25rem;border-radius:50%;background:var(--ouro);display:grid;place-items:center;box-shadow:0 6px 18px rgba(31,28,26,.28);transition:background .2s,transform .15s;z-index:6}
.zap:hover{background:var(--claro)}.zap:active{transform:scale(.96)}
.zap svg{width:1.5rem;height:1.5rem;fill:var(--escuro-2)}
@media (max-width:860px){
 header nav a:not(.btn){display:none}header .btn{padding:.7rem 1rem}header img{height:1.9rem}
 .topo,.tres .w,.paineis,.sobre .w,.duo,.grupo,.grupo ul,footer .w{grid-template-columns:minmax(0,1fr)}
 .topo img{max-height:26rem}
 .tres .w>div{border-left:0;border-top:1px solid var(--linha);padding-inline:0}.tres .w>div:first-child{border-top:0}
 .menu2{display:flex!important}
}
.menu2{display:none;background:var(--escuro);color:var(--claro);border-bottom:1px solid var(--linha-e)}
.menu2 .w{display:flex;gap:1.5rem;padding-block:.8rem;overflow-x:auto;white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.nf{display:grid;gap:1.5rem;justify-items:start}