
:root{
  --noir:#0B0908; --carvao:#14100D; --carvao2:#1C1712;
  --ambar:#C98A3B; --ouro:#E3B96E; --areia:#EFE5D6; --fumo:#9A8875;
  --linha:rgba(201,138,59,.16); --linha-forte:rgba(201,138,59,.4);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1!important;transform:none!important;transition:none!important}}
body{background:var(--noir);color:var(--areia);font-family:'Manrope',system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3,.serif{font-family:'Marcellus',serif;font-weight:400;letter-spacing:.02em}
.eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.05rem;color:var(--ouro);letter-spacing:.04em}
.label{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fumo)}
.star{width:11px;height:11px;color:var(--ambar);flex:none}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(11,9,8,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--linha)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.wordmark{font-family:'Marcellus',serif;font-size:1.15rem;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}
.wordmark b{font-weight:400;color:var(--ouro)}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fumo);transition:color .2s}
.nav-links a:hover{color:var(--ouro)}
.nav-wa{border:1px solid var(--linha-forte);padding:9px 18px;border-radius:2px;color:var(--areia)!important}
.nav-wa:hover{background:var(--ambar);border-color:var(--ambar);color:var(--noir)!important}
@media(max-width:820px){.nav-links a:not(.nav-wa){display:none}}

/* hero */
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--linha)}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(60% 55% at 72% 30%,rgba(201,138,59,.28),transparent 65%),
  radial-gradient(45% 40% at 20% 80%,rgba(227,185,110,.10),transparent 70%),
  linear-gradient(180deg,#0B0908 0%,#120D09 55%,#0B0908 100%)}
.hero-bg::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none}
.hero-img{position:absolute;inset:0;object-fit:cover;object-position:center;width:100%;height:100%;opacity:.62}
@media(max-width:820px){.hero-img{object-position:76% center}}
.hero-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,9,8,.25) 0%,rgba(11,9,8,.05) 45%,rgba(11,9,8,.94) 100%)}
.hero-in{position:relative;padding:120px 0 88px;max-width:760px}
.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.08;margin:18px 0 22px}
.hero p{color:var(--fumo);font-size:1.06rem;max-width:52ch;margin-bottom:36px}
.ctas{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:2px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;transition:all .22s}
.btn-p{background:linear-gradient(120deg,var(--ambar),var(--ouro));color:#0B0908;font-weight:600}
.btn-p:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn-s{border:1px solid var(--linha-forte);color:var(--areia)}
.btn-s:hover{border-color:var(--ouro);color:var(--ouro)}

/* trust */
.trust{border-bottom:1px solid var(--linha);background:var(--carvao)}
.trust-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0}
.trust-item{display:flex;align-items:center;gap:12px;padding:22px 20px;border-left:1px solid var(--linha);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fumo)}
.trust-item:first-child{border-left:none}
@media(max-width:820px){.trust-item{border-left:none;border-top:1px solid var(--linha);padding:14px 20px}.trust-item:first-child{border-top:none}}

/* sections */
section{padding:96px 0;scroll-margin-top:72px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.sec-head .eyebrow{display:block;margin-bottom:10px}
.sec-sub{color:var(--fumo);max-width:46ch}
.divider{display:flex;align-items:center;gap:16px;margin:0 auto;max-width:1200px;padding:0 24px}
.divider hr{flex:1;border:none;border-top:1px solid var(--linha)}

/* product cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.card{background:var(--carvao);border:1px solid var(--linha);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:var(--linha-forte)}
.card-visual{position:relative;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:
  radial-gradient(70% 60% at 50% 38%,rgba(201,138,59,.14),transparent 70%),var(--carvao2)}
.flacon{width:44%;height:auto}
.p-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:12px;left:12px;background:rgba(11,9,8,.78);border:1px solid var(--linha-forte);color:var(--ouro);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:5px 10px;border-radius:2px;backdrop-filter:blur(4px)}
.card-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-brand{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--fumo)}
.card-name{font-family:'Marcellus',serif;font-size:1.2rem;line-height:1.25}
.card-notes{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--fumo);font-size:.98rem;line-height:1.4}
.card-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--linha)}
.card-price{font-family:'Marcellus',serif;font-size:1.15rem;color:var(--ouro)}
.card-vol{font-size:.7rem;color:var(--fumo);letter-spacing:.08em}

/* collection tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.tile{position:relative;min-height:340px;border:1px solid var(--linha);border-radius:3px;overflow:hidden;display:flex;align-items:flex-end;padding:28px;transition:border-color .25s}
.tile:hover{border-color:var(--linha-forte)}
.tile::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}
.tile-gourmand{background:radial-gradient(80% 70% at 70% 20%,rgba(201,138,59,.34),transparent 70%),var(--carvao2)}
.tile-oud{background:radial-gradient(80% 70% at 30% 20%,rgba(122,84,44,.4),transparent 70%),#100C09}
.tile-florais{background:radial-gradient(80% 70% at 50% 15%,rgba(227,185,110,.22),transparent 70%),var(--carvao)}
.tile-in{position:relative}
.tile h3{font-size:1.6rem;margin:8px 0 6px}
.tile p{color:var(--fumo);font-size:.92rem;max-width:36ch;margin-bottom:16px}
.tile .label-link{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}

/* editorial */
.editorial{background:var(--carvao);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.ed-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
@media(max-width:900px){.ed-grid{grid-template-columns:1fr;gap:36px}}
.ed-grid h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.12;margin:14px 0 20px}
.ed-grid p{color:var(--fumo);margin-bottom:16px;max-width:56ch}
.ed-visual{position:relative;aspect-ratio:4/5;border:1px solid var(--linha);border-radius:3px;background:
  radial-gradient(65% 55% at 50% 30%,rgba(201,138,59,.22),transparent 70%),var(--carvao2);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.ed-visual::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}
.seal{position:relative;width:180px;height:180px;border:1px solid var(--linha-forte);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ouro)}
.seal::before{content:'';position:absolute;inset:8px;border:1px dashed var(--linha-forte);border-radius:50%}
.seal .serif{font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;line-height:1.3}
.seal .label{color:var(--ambar)}

/* steps */
.sec-comprar{position:relative;overflow:hidden;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.comprar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.68}
@media(max-width:820px){.comprar-img{object-position:70% 20%}}
.comprar-veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,9,8,.9) 0%,rgba(11,9,8,.6) 45%,rgba(11,9,8,.18) 100%)}
.sec-comprar .wrap{position:relative}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.step{border:1px solid var(--linha);border-radius:3px;padding:30px;background:var(--carvao)}
.sec-comprar .step{background:rgba(17,13,10,.68);backdrop-filter:blur(6px)}
.step .eyebrow{display:block;margin-bottom:14px}
.step h3{font-size:1.25rem;margin-bottom:10px}
.step p{color:var(--fumo);font-size:.94rem}

/* product page */
.pp{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:64px 0 96px}
@media(max-width:900px){.pp{grid-template-columns:1fr;gap:36px}}
.pp-visual{position:relative;aspect-ratio:4/5;border:1px solid var(--linha);border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:
  radial-gradient(70% 60% at 50% 35%,rgba(201,138,59,.18),transparent 70%),var(--carvao2)}
.pp-visual::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}
.flacon-big{width:38%}
.p-photo-big{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.crumb{padding:28px 0 0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fumo)}
.crumb a:hover{color:var(--ouro)}
.pp-info h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:10px 0 4px}
.pp-meta{display:flex;gap:14px;align-items:center;color:var(--fumo);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:26px}
.pp-price{font-family:'Marcellus',serif;font-size:2rem;color:var(--ouro)}
.pp-price small{font-size:.85rem;color:var(--fumo);font-family:'Manrope',sans-serif;letter-spacing:.06em;margin-left:10px}
.pp-desc{color:var(--fumo);margin:22px 0 8px;max-width:56ch}
.lembra{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--ouro);opacity:.85;margin-bottom:26px}
.pp .ctas{margin:26px 0 36px}

/* pirâmide olfativa (assinatura visual) */
.pyr{border:1px solid var(--linha);border-radius:3px;overflow:hidden;margin-top:8px}
.pyr-row{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--linha)}
.pyr-row:first-child{border-top:none}
.pyr-key{padding:16px;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);display:flex;align-items:center;gap:8px}
.pyr-val{padding:16px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.08rem;color:var(--areia);border-left:1px solid var(--linha)}
.pyr-saida .pyr-key{background:rgba(227,185,110,.10)}
.pyr-coracao .pyr-key{background:rgba(201,138,59,.14)}
.pyr-fundo .pyr-key{background:rgba(122,84,44,.20)}

.acc{border-top:1px solid var(--linha);margin-top:34px}
.acc details{border-bottom:1px solid var(--linha)}
.acc summary{cursor:pointer;padding:18px 0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--areia);list-style:none;display:flex;justify-content:space-between;align-items:center}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:'+';font-family:'Marcellus',serif;color:var(--ouro);font-size:1.1rem}
.acc details[open] summary::after{content:'\2212'}
.acc .acc-body{padding:0 0 20px;color:var(--fumo);font-size:.94rem;max-width:60ch}

/* article pages */
.article{max-width:720px;margin:0 auto;padding:72px 24px 110px}
.article h1{font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.1;margin:14px 0 30px}
.article h2{font-size:1.6rem;margin:48px 0 16px}
.article p{color:var(--fumo);margin-bottom:18px}
.article strong{color:var(--areia);font-weight:600}
.article ul{color:var(--fumo);margin:0 0 18px 20px}
.article li{margin-bottom:8px}

/* footer */
footer{border-top:1px solid var(--linha);background:var(--carvao);padding:56px 0 40px}
.foot{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
.foot-brand p{color:var(--fumo);font-size:.85rem;max-width:34ch;margin-top:12px}
.foot-col h4{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);margin-bottom:16px;font-weight:600}
.foot-col a{display:block;color:var(--fumo);font-size:.88rem;margin-bottom:10px;transition:color .2s}
.foot-col a:hover{color:var(--areia)}
.foot-base{margin-top:44px;padding-top:22px;border-top:1px solid var(--linha);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--fumo);font-size:.75rem;letter-spacing:.06em}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
