:root{
  --bg:#060606;
  --surface:#101010;
  --gold:#d4af37;
  --gold-light:#f5d67b;
  --gold-deep:#8a6d1b;
  --cream:#f5f1e6;
  --muted:#b9b2a0;
  --gold-grad:linear-gradient(135deg,#f9e08a 0%,#d4af37 35%,#a8841f 60%,#f5d67b 100%);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--bg);
  color:var(--cream);
  font-family:'Inter',system-ui,sans-serif;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
/* grain assinatura */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}

/* ===== HERO (compacto — botões já aparecem sem rolar) ===== */
.hero{position:relative;min-height:46vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.hero-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:grayscale(1) contrast(1.12) brightness(.72);
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(6,6,6,.35) 0%,rgba(6,6,6,.15) 35%,rgba(6,6,6,.88) 78%,#060606 100%),
    radial-gradient(60% 40% at 50% 62%,rgba(212,175,55,.22),transparent 70%);
}
.hero-glowline{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-grad);box-shadow:0 0 18px rgba(212,175,55,.8)}
.hero-inner{position:relative;z-index:2;text-align:center;padding:1.4rem 1.25rem 1.3rem;max-width:560px;width:100%}

/* logo LIVRE — sem borda, sem moldura, sem circle */
.logo-free{
  width:min(148px,42vw);height:auto;display:block;margin:0 auto .3rem;
  border:none;border-radius:0;background:none;box-shadow:none;outline:none;
  filter:drop-shadow(0 6px 26px rgba(212,175,55,.45)) drop-shadow(0 2px 6px rgba(0,0,0,.9));
}
.brand{
  font-family:'Cinzel',serif;font-weight:900;letter-spacing:.14em;font-size:2rem;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.tagline{font-family:'Cinzel',serif;font-weight:700;font-size:.86rem;letter-spacing:.22em;margin-top:.55rem;color:var(--cream)}
.bio{margin-top:.4rem;color:var(--muted);font-size:.88rem;line-height:1.5}
.hero-divider{display:flex;align-items:center;gap:.7rem;margin:.8rem auto 0;max-width:280px;color:var(--gold)}
.hero-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

/* ===== MARQUEE (loop automático garantido via CSS + fallback JS) ===== */
.marquee{border-top:1px solid rgba(212,175,55,.35);border-bottom:1px solid rgba(212,175,55,.35);background:#0b0b0b;overflow:hidden}
.marquee-track{display:flex;width:max-content;will-change:transform;animation:marquee-scroll 14s linear infinite;padding:.55rem 0}
.marquee-track span{flex-shrink:0;white-space:nowrap;font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.18em;color:var(--gold);padding-right:.5rem}
@keyframes marquee-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* ===== CONTEÚDO (puxado para cima, sem rolagem p/ 1º contato) ===== */
.wrap{max-width:560px;margin:-.5rem auto 0;padding:.9rem 1.1rem 2rem}
.links{display:flex;flex-direction:column;gap:.8rem;margin-top:.3rem}
.btn{
  display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--cream);
  background:var(--surface);border:1px solid rgba(212,175,55,.4);border-radius:16px;
  padding:.95rem 1.05rem;font-weight:600;font-size:.98rem;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.btn i{width:26px;text-align:center;font-size:1.15rem;color:var(--gold);flex-shrink:0}
.btn span{flex:1}
.btn:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 28px rgba(212,175,55,.22)}

/* site com thumb incorporada */
.btn-site{padding:.6rem .9rem .6rem .6rem;background:#0d0d0d;border:1px solid rgba(212,175,55,.55)}
.site-thumb{width:104px;height:64px;flex-shrink:0;overflow:hidden;border-radius:11px;border:1px solid rgba(212,175,55,.4)}
.site-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.site-text strong{display:block;font-family:'Cinzel',serif;letter-spacing:.04em;font-size:1rem;color:var(--gold-light)}
.site-text small{display:block;font-weight:400;font-size:.76rem;color:var(--muted);margin-top:.15rem}

/* destaque ouro */
.btn-gold{background:var(--gold-grad);color:#141005;border:none}
.btn-gold i{color:#141005}
.btn-gold:hover{box-shadow:0 10px 34px rgba(212,175,55,.45)}

/* ghost */
.btn-ghost{background:rgba(212,175,55,.05)}

/* loja */
.store{margin-top:1.6rem;background:#0c0c0c;border:1px solid rgba(212,175,55,.3);border-radius:18px;padding:1.2rem}
.store h2{font-family:'Cinzel',serif;font-size:1rem;letter-spacing:.1em;color:var(--gold-light)}
.store h2 i{margin-right:.4rem}
.addr{color:var(--muted);font-size:.88rem;margin:.5rem 0 .9rem;line-height:1.5}
.map{overflow:hidden;border-radius:12px;border:1px solid rgba(212,175,55,.3);margin-bottom:.9rem}
.map iframe{width:100%;height:220px;border:0;filter:grayscale(1) contrast(1.05)}

footer{text-align:center;padding:1.4rem 1rem 2rem;color:#6f6a5c;font-size:.78rem}

/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}