:root {
    --header-bkg:#f5f3ec; --header-borda:#dcd8ca; --header-menu:#425d48;
    --fundo:#f5f3ec; --fundo-secundario:#dddccb; --fundo-card:#f3f1e9; --fundo-claro:#fff;
    --texto:#354039; --texto-secundario:#6d796f; --texto-suave:#7b857e; --texto-escuro:#405847; --texto-faq:#687469;
    --destaque:#536f58; --destaque-texto:#fff;
    --botao-fundo:#536f58; --botao-texto:#fff; --botao-escuro-fundo:#2f3f34; --botao-escuro-hover:#465b4b; --botao-escuro-texto:#fff;
    --borda:#bbbba9;
    --faixa-fundo:#536f58; --faixa-texto:#fff;
    --cta-fundo:#d5cba9; --cta-texto:#354039;
    --footer-bkg:#3e5342; --footer-texto:#bdcabf;
    --painel-escuro:#536f58; --painel-escuro-texto:#fff; --painel-texto-fraco:#d3ddd5;
    interpolate-size:allow-keywords;
}
*               { margin:0; padding:0; box-sizing:border-box; }
html            { scroll-behavior:smooth; }
body            { font-family:Arial,Helvetica,sans-serif; color:var(--texto); background:var(--fundo); }
a               { text-decoration:none; }
.content        { width:100%; max-width:1400px; margin:0 auto; padding:0 20px; }
header          { position:sticky; top:40px; z-index:1000; background:var(--header-bkg); border-bottom:1px solid var(--header-borda); }
header .content { width:100%; max-width:1400px; margin:0 auto; padding:0 20px; height:78px; display:flex; justify-content:space-between; align-items:center; }
.logo           { font-family:Georgia,serif; font-size:28px; color:var(--header-menu); }
nav             { display:flex; gap:25px; align-items:center; }
nav a           { color:var(--header-menu); font-size:13px; }
.btn            { display:inline-block; padding:14px 23px; background:var(--botao-fundo); color:var(--botao-texto); border-radius:30px; }
.hero           { background:var(--fundo); }
.hero .content  { padding:70px 0; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.hero h1        { font-family:Georgia,serif; font-size:58px; line-height:1.06; font-weight:400; color:var(--texto-escuro); }
.hero p         { margin:22px 0 28px; max-width:540px; color:var(--texto-secundario); line-height:1.8; }
.hero-img       { height:520px; overflow:hidden; border-radius:50% 50% 8px 8px; }
.hero-img img   { width:100%; height:100%; object-fit:cover; }
section         { padding:85px 0; scroll-margin-top:118px; }
.manifesto      { background:var(--painel-escuro); color:var(--painel-escuro-texto); }
.manifesto .content { padding:55px 0; text-align:center; }
.manifesto p    { max-width:900px; margin:auto; font-family:Georgia,serif; font-size:25px; line-height:1.6; }
.titulo         { max-width:720px; margin-bottom:45px; }
.titulo span    { color:var(--destaque); font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; }
.titulo h2      { margin-top:10px; font-family:Georgia,serif; font-size:42px; font-weight:400; }
.grid-servicos  { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.servico        { padding:30px; border-radius:100px 100px 15px 15px; text-align:center; background:var(--fundo-card); }
.servico h3     { margin:35px 0 10px; font-family:Georgia,serif; font-size:22px; }
.servico p      { color:var(--texto-faq); font-size:13px; line-height:1.6; }
.ritual         { background:var(--fundo-secundario); }
.ritual .content { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.ritual img     { width:100%; height:450px; object-fit:cover; }
.ritual h2      { font-family:Georgia,serif; font-size:40px; font-weight:400; }
.ritual p       { margin:18px 0; line-height:1.8; color:var(--texto-faq); }
.ritual-lista   { display:grid; gap:10px; }
.ritual-lista div{ padding:12px; border-bottom:1px solid var(--borda); }
.produtos       { background:var(--fundo-claro); }
.grid-produtos  { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.produto        { padding:25px; text-align:center; background:var(--fundo-card); }
.produto strong { display:block; margin-bottom:8px; color:var(--destaque); }
.produto span   { font-size:12px; color:var(--texto-secundario); }
.cta            { margin:0 7% 70px; padding:60px; text-align:center; background:var(--cta-fundo); color:var(--cta-texto); }
.cta h2         { font-family:Georgia,serif; font-size:40px; font-weight:400; }
.cta p          { margin:12px 0 25px; color:var(--cta-texto); }
footer          { padding:40px; text-align:center; background:var(--footer-bkg); color:var(--footer-texto); font-size:12px; }
@media(max-width:900px) { nav { display:none; } .hero .content,.ritual .content { grid-template-columns:1fr; } .grid-produtos { grid-template-columns:1fr 1fr; } }
@media(max-width:550px) { .hero h1 { font-size:38px; } .grid-servicos,.grid-produtos { grid-template-columns:1fr; } }

.header-drop          { position:relative; flex-shrink:0; }
.header-drop-btn      { width:42px; height:42px; display:grid; place-items:center; border:0; border-radius:50%; color:var(--header-menu); background:transparent; font-size:19px; cursor:pointer; transition:.25s; }
.header-drop-btn:hover { filter:brightness(1.35); }
.header-drop-menu     { background:var(--header-bkg); position:absolute; top:50px; right:0; z-index:50; width:150px; padding:7px; display:none; box-shadow:0 12px 30px rgba(0,0,0,.35); }
.header-drop-menu.aberto { display:block; }
.header-drop-item     { width:100%; padding:10px 12px; display:block; border:0; color:var(--header-menu); background:transparent; text-align:left; cursor:pointer; }
.header-seta         { border-left:6px solid var(--header-menu); display:inline-block; width:0; height:0; margin-right:9px; vertical-align:middle; border-top:4px solid transparent; border-bottom:4px solid transparent; opacity:0; transition:.15s; }
.header-drop-item:hover .header-seta,
.header-drop-item.atual .header-seta { opacity:1; }