:root {
  --bg: #F3EEE4;
  --bg-2: #EDE6D8;
  --card: #FFFDF8;
  --ink: #24211C;
  --ink-2: #57504A;
  --muted: #8A8174;
  --line: #E3DACA;
  --line-2: #D6CAB3;
  --gold: #A97812;
  --gold-d: #805A08;
  --gold-soft: #F1E5C9;
  --gold-tint: #F8F0DE;
  --dark: #1F1C17;
  --dark-2: #2B2720;
  --green: #3F7A55;
  --green-soft: #E3EFE6;
  --serif: 'Newsreader', Georgia, serif;
  --sans: 'Manrope', system-ui, sans-serif;
  --mono: 'DM Mono', ui-monospace, monospace;
  --r: 16px;
  --r-lg: 24px;
  --shadow: 0 1px 2px rgba(36, 33, 28, .04), 0 12px 32px -12px rgba(36, 33, 28, .14);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
h1, h2, h3, h4 { margin: 0; font-family: var(--serif); font-weight: 400; letter-spacing: -.01em; line-height: 1.12; }
p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }

.eyebrow { font: 500 12px/16px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-d); }
.mono { font-family: var(--mono); }

.logo { display: inline-flex; align-items: center; gap: 10px; }
.logo .mark { width: 30px; height: 30px; }
.logo .bar { width: 1px; height: 22px; background: var(--line-2); }
.logo .word { height: 19px; width: auto; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 24px; border-radius: 999px; font: 700 15px/20px var(--sans); white-space: nowrap; transition: background .2s, transform .2s, box-shadow .2s; }
.btn svg { width: 18px; height: 18px; flex: none; }
.btn-gold { background: var(--gold); color: #fff; box-shadow: 0 8px 20px -10px rgba(169, 120, 18, .8); }
.btn-gold:hover { background: var(--gold-d); transform: translateY(-1px); }
.btn-line { border: 1px solid var(--line-2); background: var(--card); color: var(--ink); }
.btn-line:hover { border-color: var(--gold); }
.btn-dark { background: var(--ink); color: #fff; }
.btn-sm { height: 40px; padding: 0 18px; font-size: 14px; }
.btn-xs { height: 34px; padding: 0 14px; font-size: 13px; }

.card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); }
.chip { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--gold-tint); border: 1px solid var(--gold-soft); color: var(--gold-d); font: 600 12px/16px var(--sans); }
.ico { width: 20px; height: 20px; flex: none; }

.credit { font: 500 12px/18px var(--sans); color: var(--muted); }
.credit a { color: var(--ink-2); border-bottom: 1px solid var(--line-2); }