:root{
  --pausa:#f4efe2;
  --cultura:#1a1d16;
  --origem:#0f5c44;
  --origem-esc:#0b4433;
  --origem-clara:#2e9b72; /* só sobre Cultura, uso pontual */
  --prosperidade:#c0a05a;
  --amb1:#c6c3b7;
  --amb2:#94938a; /* bordas e filetes */
  --amb3:#67665b;
  --areia:#ece6d5;
  --wrap:1170px;
  --gut:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pausa);color:var(--cultura);font-family:redonda,"Encode Sans",system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;text-wrap:pretty;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:var(--origem);text-decoration:none}
a:hover{color:var(--prosperidade)}
:focus-visible{outline:2px solid var(--prosperidade);outline-offset:3px}
::selection{background:var(--prosperidade);color:var(--cultura)}
h1,h2,h3{font-family:dupincel-variable,"Cardo",Georgia,serif;font-weight:300;font-variation-settings:"opsz" 36;letter-spacing:-0.01em;margin:0}
p{margin:0}

.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.kicker{font-size:12px;letter-spacing:0.16em;text-transform:uppercase}
.eyebrow{font-size:12px;letter-spacing:0.27em;text-transform:uppercase}
.body{font-size:14px;line-height:1.7}
.rule{position:relative;height:1px;background:var(--prosperidade)}
.rule::before,.rule::after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:var(--prosperidade)}
.rule::before{left:0;transform:translate(-50%,-50%)}
.rule::after{right:0;transform:translate(50%,-50%)}

.btn{display:flex;align-items:center;gap:16px;padding:18px 32px;font-size:12px;letter-spacing:0.27em;text-transform:uppercase;transition:background .18s ease}
.btn svg{flex-shrink:0}
.btn-spread{justify-content:space-between;width:100%;max-width:340px}
.btn-cultura{background:var(--cultura);color:var(--pausa);justify-content:center;text-align:center;width:100%;padding:22px 32px}
.btn-cultura:hover{background:var(--origem);color:var(--pausa)}
.btn-origem{background:var(--origem);color:var(--pausa)}
.btn-origem:hover{background:var(--origem-esc);color:var(--pausa)}
.btn-ouro{background:var(--prosperidade);color:var(--cultura)}
.btn-ouro:hover{background:var(--pausa);color:var(--cultura)}

.brand{display:block;flex-shrink:0;width:clamp(64px,7vw,100px)}
.brand-svg{display:block;width:100%;height:auto}
.brand-dark{color:var(--cultura)}
.brand-light{color:var(--pausa)}
.ico-svg{display:block;width:16px;height:16px;flex-shrink:0}
.ico-ig{display:block;flex-shrink:0;width:24px;height:24px;color:var(--cultura)}
.ico-ig:hover{color:var(--origem)}
.ig-svg{display:block;width:100%;height:100%}

.site-head{position:sticky;top:0;z-index:50;background:var(--pausa)}
.head-in{display:flex;align-items:center;gap:clamp(20px,4vw,48px);padding-top:clamp(16px,2vw,26px);padding-bottom:clamp(16px,2vw,26px)}
.nav{display:flex;align-items:center;gap:48px;margin-left:auto}
.nav a{color:var(--cultura)}
.nav a:hover{color:var(--origem)}
.head-wa{background:var(--origem);color:var(--pausa);padding:16px 32px;font-size:10px;letter-spacing:0.27em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:16px}
.head-wa:hover{background:var(--origem-esc);color:var(--pausa)}
#nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.burger{display:none;margin-left:auto;border:0;padding:12px 14px;flex-direction:column;gap:5px;cursor:pointer;min-width:46px;min-height:46px;justify-content:center;align-items:center}
.burger span{display:block;width:18px;height:1px;background:var(--cultura)}
.panel{display:none;border-top:1px solid var(--amb1);padding:8px var(--gut) 28px;flex-direction:column;background:var(--pausa)}
.panel a{padding:16px 0;color:var(--cultura);border-bottom:1px solid var(--amb1)}
.panel .head-wa{margin-top:20px;padding:18px 24px;border:0;color:var(--pausa);justify-content:center}
#nav-toggle:checked~.panel{display:flex}

.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(40px,5vw,64px)}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(32px,3vw,30px)}
.sec{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.band-cultura{background:var(--cultura);color:var(--pausa)}
.band-origem{background:var(--origem);color:var(--pausa)}
.band-areia{background:var(--areia)}
.band-cultura h1,.band-cultura h2,.band-origem h2{color:var(--pausa)}

.hero{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(64px,8vw,112px);align-items:start}
.hero h1{font-size:clamp(36px,5.4vw,64px);line-height:1.2;max-width:600px}
.hero-aside{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,3vw,40px);max-width:370px;padding-top:clamp(0px,3vw,48px)}

.statement{position:relative;background:var(--cultura) url(assets/hero-divisoria.jpg) center/cover no-repeat}
.statement::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,16,.94) 0%,rgba(20,22,16,.82) 45%,rgba(20,22,16,.28) 100%)}
.statement .wrap{position:relative;padding-top:clamp(72px,9vw,126px);padding-bottom:clamp(72px,9vw,126px)}
.statement h2{font-size:clamp(38px,6.2vw,88px);line-height:1.15;letter-spacing:-0.015em;color:var(--pausa);max-width:520px;margin-bottom:clamp(28px,4vw,44px)}
.statement p{color:var(--pausa);max-width:470px}

.sec-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:baseline;margin-bottom:clamp(32px,4vw,48px)}
.sec-head h2{font-size:clamp(34px,5vw,64px);line-height:1.3}
.frentes{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.frentes li{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:start;font-size:14px;line-height:1.5}
.frentes b{font-weight:300;color:var(--amb3)}
.pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(24px,3vw,40px)}
.pilar-k{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--origem);margin-bottom:14px}

.site-foot{background:var(--cultura);color:var(--pausa)}
.foot-in{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,40px);align-items:center;padding-top:clamp(36px,4vw,56px);padding-bottom:clamp(36px,4vw,56px)}
.foot-mail{margin-left:auto;font-size:14px;color:var(--prosperidade);text-decoration:underline}
.foot-tag{color:var(--pausa)}

.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(24px,3vw,40px)}
.ficha .eyebrow{color:var(--amb3);margin-bottom:14px}
.uso{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,32px)}
.uso figure{margin:0}
.uso img{width:100%;aspect-ratio:571/322;object-fit:cover;background:var(--areia)}
.uso figcaption{margin-top:14px}
.blends{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(28px,3vw,40px);margin-top:clamp(36px,5vw,64px)}
.blend-h{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.blend-h span{width:28px;height:28px;flex-shrink:0}
.blend-h h3{font-size:clamp(22px,2.4vw,30px);line-height:1.2}

@media (max-width:899px){
  .nav,.head-wa.desk,.ico-ig{display:none}
  .burger{display:flex}
}
@media (min-width:1210px){
  :root{--gut:0px}
}
@media (max-width:639px){
  .uso{grid-template-columns:1fr}
}