:root {
  --bg: #1c1816;
  --bg-2: #2a2320;
  --ink: #f7f1ea;
  --muted: #c4b6a8;
  --gold: #d4a574;
  --gold-soft: #e8c9a8;
  --line: rgba(247, 241, 234, 0.14);
  --ok: #a3c4a8;
  --btn-ink: #1c1816;
  --font-display: "Libre Baskerville", Georgia, serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --hero-image: url("https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=1400&q=80");
  --hero-overlay: linear-gradient(180deg, rgba(28, 24, 22, 0.2), rgba(28, 24, 22, 0.78));
}

.names {
  letter-spacing: 0.04em;
}

.hero-visual {
  border-radius: 2rem 0.4rem 2rem 0.4rem;
}