:root{
  --vinho:#6F505F; --vinho-escuro:#553C48; --pessego:#F7B88F; --pessego-claro:#FBEAE0;
  --fundo:#FBF9F8; --tinta:#2E2429; --tinta-2:#5C4E55; --linha:#E8DFE2; --branco:#FFFFFF;
}
@media (prefers-color-scheme: dark){
  :root{ --fundo:#181316; --tinta:#F2EBEE; --tinta-2:#D3C5CB; --linha:#352A30; --branco:#211A1E; --pessego-claro:#2E2329; }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--fundo); color:var(--tinta); font:16px/1.65 'Mulish',-apple-system,'Segoe UI',sans-serif}
h1,h2,h3{font-family:'Marcellus',Georgia,serif; font-weight:400; margin:0; text-wrap:balance}
p{margin:0 0 14px}
a{color:inherit}
.caixa{max-width:1040px; margin:0 auto; padding:64px 20px}

.topo{position:sticky; top:0; z-index:5; background:var(--vinho); border-bottom:3px solid var(--pessego)}
.faixa{max-width:1040px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px}
.marca{display:flex; align-items:center; gap:12px; text-decoration:none; color:#fff}
.marca span{font-family:'Marcellus',serif; font-size:22px; letter-spacing:.12em}
.marca small{font-size:11px; letter-spacing:.3em; color:var(--pessego); margin-left:4px}
nav{display:flex; gap:22px}
nav a{color:#fff; text-decoration:none; font-size:14px; font-weight:600; opacity:.9}
nav a:hover{opacity:1; text-decoration:underline; text-underline-offset:4px}
@media (max-width:620px){ nav{display:none} }

.abre{background:linear-gradient(180deg,var(--pessego-claro),var(--fundo))}
.abre .caixa{padding-block:96px 80px}
.sobre{font-size:12px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--vinho)}
@media (prefers-color-scheme: dark){ .sobre{color:var(--pessego)} }
h1{font-size:clamp(38px,7vw,64px); line-height:1.05; color:var(--tinta)}
.lede{font-size:clamp(17px,2.2vw,20px); color:var(--tinta-2); max-width:56ch; margin-top:18px}
.botao{display:inline-block; margin-top:14px; background:var(--vinho); color:#fff; text-decoration:none; font-weight:700; padding:12px 26px; border-radius:100px}
.botao:hover{background:var(--vinho-escuro)}

h2{font-size:clamp(28px,4vw,36px); margin-bottom:28px}
h2::after{content:''; display:block; width:48px; height:3px; background:var(--pessego); margin-top:12px}
.grade{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px}
.grade article{background:var(--branco); border:1px solid var(--linha); border-top:4px solid var(--vinho); border-radius:10px; padding:22px}
.grade h3{font-size:21px; margin-bottom:10px}
.grade p{color:var(--tinta-2); font-size:15px; margin:0}

.tom{background:var(--pessego-claro)}
.duas{display:grid; grid-template-columns:1.4fr 1fr; gap:48px; align-items:start}
@media (max-width:760px){ .duas{grid-template-columns:1fr; gap:24px} }
.duas p{color:var(--tinta-2)}
.fatos{list-style:none; margin:0; padding:0; display:grid; gap:12px}
.fatos li{background:var(--branco); border-left:4px solid var(--pessego); border-radius:8px; padding:14px 18px}
.fatos b{display:block; font-family:'Marcellus',serif; font-weight:400; font-size:20px}
.fatos span{color:var(--tinta-2); font-size:14px}

.contatos{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:22px}
.contatos div{display:flex; flex-direction:column; gap:4px}
.rot{font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--tinta-2)}
.contatos a{font-weight:600; color:var(--vinho); text-decoration:none; overflow-wrap:anywhere}
@media (prefers-color-scheme: dark){ .contatos a{color:var(--pessego)} }

.rodape{background:var(--vinho); color:#f3e9ed; font-size:13.5px}
.rodape .caixa{padding-block:28px}
.rodape p{margin:0 0 4px}
.rodape a{color:var(--pessego)}

.texto{max-width:760px}
.texto h3{font-size:20px; margin:28px 0 8px}
.texto p, .texto li{color:var(--tinta-2)}
.texto ul{padding-left:20px}