@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap');

:root{
  --ink:#0B0908; --char:#141110; --char2:#1C1714; --char3:#262019;
  --line:rgba(243,233,218,.10); --line2:rgba(243,233,218,.18);
  --cream:#F4EADB; --muted:#B5A793; --dim:#7E7264;
  --ember:#D12A1C; --ember2:#FF6B2C; --flame:#F2A341;
  --gold:#C9A46A; --gold2:#E3C792;
  --ok:#5FB57E; --warn:#E9A23B;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Manrope', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --r:16px; --r2:24px;
  --shadow:0 24px 60px -20px rgba(0,0,0,.7);
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
::selection{background:var(--ember);color:#fff}

/* grão de filme sutil */
.grain::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.06;
  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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.serif{font-family:var(--serif)}
.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600}
.muted{color:var(--muted)}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}
.ornament{display:flex;align-items:center;gap:14px;color:var(--gold)}
.ornament::before,.ornament::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(201,164,106,.5))}
.ornament::after{background:linear-gradient(90deg,rgba(201,164,106,.5),transparent)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:.02em;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-ember{background:linear-gradient(135deg,var(--ember),#A91C12);color:#fff;box-shadow:0 10px 30px -10px rgba(209,42,28,.7)}
.btn-ember:hover{box-shadow:0 14px 36px -10px rgba(209,42,28,.9)}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1A130B}
.btn-ghost{border:1px solid var(--line2);color:var(--cream)}
.btn-ghost:hover{background:rgba(243,233,218,.06)}

.logo-mark{display:inline-block;vertical-align:middle;width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 24px -8px rgba(209,42,28,.6);background:#B3161B}
.logo-mark img,.logo-mark svg{width:100%;height:100%;object-fit:cover}

.tag{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--line2);color:var(--muted)}
.tag-ember{border-color:rgba(209,42,28,.5);color:#FF8A6B;background:rgba(209,42,28,.12)}
.tag-gold{border-color:rgba(201,164,106,.45);color:var(--gold2);background:rgba(201,164,106,.1)}
.tag-green{border-color:rgba(95,181,126,.45);color:#8FD9A8;background:rgba(95,181,126,.1)}

.credit{font-size:12px;color:var(--dim);text-align:center;padding:28px 16px 40px}
.credit a{color:var(--gold)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}