
body {
  margin: 0;
  font-family: Inter, sans-serif;
  color: #2B2B2B;
  background-color: #FFFFFF;
}
a { color: #D4AF37; text-decoration: none; }
.container { width: min(1100px, 92vw); margin: 0 auto; }
.nav { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; }
.brand a { font-family: 'Playfair Display', serif; font-size: 1.8rem; color: #1C1C1C; }
.nav-list { display: flex; gap: 1rem; list-style: none; }
.nav-list a { color: #1C1C1C; font-weight: 600; }
.btn { padding: 0.75rem 1.25rem; border-radius: 6px; font-weight: 600; display: inline-block; }
.btn-gold { background: #D4AF37; color: #1C1C1C; }
.btn-outline { border: 2px solid #D4AF37; color: #1C1C1C; }
.hero { background: #E8E5E0; padding: 3rem 0; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 2rem; }
.hero h1 { font-family: 'Playfair Display', serif; color: #1C1C1C; font-size: 2.8rem; }
.tagline { font-size: 1.2rem; color: #2B2B2B; }
.cta-row { display: flex; gap: 1rem; margin-top: 1rem; }
.hero-image img { width: 100%; max-width: 400px; border: 4px solid #D4AF37; }
.qr-buy { width: 120px; margin-top: 1.5rem; }
.qr-footer { width: 100px; margin-top: 1rem; }
.page { padding: 3rem 0; }
.site-footer { background: #1C1C1C; color: #D4AF37; text-align: center; padding: 2rem 0; }
